Collocation Icon SVG
Collocation
Collocation SVG Icon Code | Customize color
You can get svg icon collocation in blue, white, red color and transparent color from below list. You can also customize color using color picker.
CustomizeSvg Code
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20,2H4A2,2,0,0,0,2,4V20a2,2,0,0,0,2,2H20a2,2,0,0,0,2-2V4A2,2,0,0,0,20,2Zm0,18H4V4H20Z"/><path d="M7.51,18A2.5,2.5,0,0,0,10,16h4.1a2.5,2.5,0,1,0,2.45-3h-.05L14.08,8.9a2.5,2.5,0,1,0-4.14,0L7.56,13h0a2.5,2.5,0,0,0,0,5Zm3.17-8.39a2.46,2.46,0,0,0,2.66,0l2.1,3.64A2.49,2.49,0,0,0,14.06,15H10a2.49,2.49,0,0,0-1.38-1.75Z"/></svg> Svg Code
<svg style="color: white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20,2H4A2,2,0,0,0,2,4V20a2,2,0,0,0,2,2H20a2,2,0,0,0,2-2V4A2,2,0,0,0,20,2Zm0,18H4V4H20Z" fill="white"></path><path d="M7.51,18A2.5,2.5,0,0,0,10,16h4.1a2.5,2.5,0,1,0,2.45-3h-.05L14.08,8.9a2.5,2.5,0,1,0-4.14,0L7.56,13h0a2.5,2.5,0,0,0,0,5Zm3.17-8.39a2.46,2.46,0,0,0,2.66,0l2.1,3.64A2.49,2.49,0,0,0,14.06,15H10a2.49,2.49,0,0,0-1.38-1.75Z" fill="white"></path></svg> Svg Code
<svg style="color: red" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20,2H4A2,2,0,0,0,2,4V20a2,2,0,0,0,2,2H20a2,2,0,0,0,2-2V4A2,2,0,0,0,20,2Zm0,18H4V4H20Z" fill="red"></path><path d="M7.51,18A2.5,2.5,0,0,0,10,16h4.1a2.5,2.5,0,1,0,2.45-3h-.05L14.08,8.9a2.5,2.5,0,1,0-4.14,0L7.56,13h0a2.5,2.5,0,0,0,0,5Zm3.17-8.39a2.46,2.46,0,0,0,2.66,0l2.1,3.64A2.49,2.49,0,0,0,14.06,15H10a2.49,2.49,0,0,0-1.38-1.75Z" fill="red"></path></svg> Svg Code
<svg style="color: blue" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20,2H4A2,2,0,0,0,2,4V20a2,2,0,0,0,2,2H20a2,2,0,0,0,2-2V4A2,2,0,0,0,20,2Zm0,18H4V4H20Z" fill="blue"></path><path d="M7.51,18A2.5,2.5,0,0,0,10,16h4.1a2.5,2.5,0,1,0,2.45-3h-.05L14.08,8.9a2.5,2.5,0,1,0-4.14,0L7.56,13h0a2.5,2.5,0,0,0,0,5Zm3.17-8.39a2.46,2.46,0,0,0,2.66,0l2.1,3.64A2.49,2.49,0,0,0,14.06,15H10a2.49,2.49,0,0,0-1.38-1.75Z" fill="blue"></path></svg> Svg Code
<svg style="color: #f3da35" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20,2H4A2,2,0,0,0,2,4V20a2,2,0,0,0,2,2H20a2,2,0,0,0,2-2V4A2,2,0,0,0,20,2Zm0,18H4V4H20Z" fill="#f3da35"></path><path d="M7.51,18A2.5,2.5,0,0,0,10,16h4.1a2.5,2.5,0,1,0,2.45-3h-.05L14.08,8.9a2.5,2.5,0,1,0-4.14,0L7.56,13h0a2.5,2.5,0,0,0,0,5Zm3.17-8.39a2.46,2.46,0,0,0,2.66,0l2.1,3.64A2.49,2.49,0,0,0,14.06,15H10a2.49,2.49,0,0,0-1.38-1.75Z" fill="#f3da35"></path></svg> Advance Editor
You can edit collocation as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements