Illustration Icon SVG
Illustration
Illustration SVG Icon Code | Customize color
You can get svg icon illustration in blue, white, red color and transparent color from below list. You can also customize color using color picker.
CustomizeIllustration
DownloadSvg Code
<svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24"><path d="M21.9,9.6c-0.2-0.5-0.8-0.7-1.3-0.5l0,0l-2.9,1.4l-2.1-2.1l-2.1-2.1l1.4-2.9c0.2-0.5,0-1.1-0.5-1.3c-0.5-0.2-1.1,0-1.3,0.5l-1.5,3.1l-6.4,1C4.8,6.8,4.5,7.1,4.4,7.5L2,19.1c-0.1,0.3,0,0.7,0.3,0.9L4,21.7C4.2,21.9,4.5,22,4.7,22c0.1,0,0.1,0,0.2,0l11.6-2.4c0.4-0.1,0.7-0.4,0.8-0.8l1-6.4l3.1-1.5C21.9,10.7,22.1,10.1,21.9,9.6z M15.4,17.8l-9.8,2l3.7-3.7c1.5,0.7,3.3,0.1,4-1.4s0.1-3.3-1.4-4c-1.1-0.5-2.5-0.3-3.4,0.6v0c-0.9,0.9-1.1,2.3-0.6,3.4l-3.7,3.7l2-9.8L12,7.6l2.2,2.2l2.2,2.2L15.4,17.8z M9.6,13.4c0-0.3,0.1-0.5,0.3-0.7v0c0.4-0.4,1-0.4,1.4,0c0.4,0.4,0.4,1,0,1.4c-0.4,0.4-1,0.4-1.4,0C9.7,13.9,9.6,13.6,9.6,13.4z"/></svg> Illustration
DownloadSvg Code
<svg style="color: white" xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24"><path d="M21.9,9.6c-0.2-0.5-0.8-0.7-1.3-0.5l0,0l-2.9,1.4l-2.1-2.1l-2.1-2.1l1.4-2.9c0.2-0.5,0-1.1-0.5-1.3c-0.5-0.2-1.1,0-1.3,0.5l-1.5,3.1l-6.4,1C4.8,6.8,4.5,7.1,4.4,7.5L2,19.1c-0.1,0.3,0,0.7,0.3,0.9L4,21.7C4.2,21.9,4.5,22,4.7,22c0.1,0,0.1,0,0.2,0l11.6-2.4c0.4-0.1,0.7-0.4,0.8-0.8l1-6.4l3.1-1.5C21.9,10.7,22.1,10.1,21.9,9.6z M15.4,17.8l-9.8,2l3.7-3.7c1.5,0.7,3.3,0.1,4-1.4s0.1-3.3-1.4-4c-1.1-0.5-2.5-0.3-3.4,0.6v0c-0.9,0.9-1.1,2.3-0.6,3.4l-3.7,3.7l2-9.8L12,7.6l2.2,2.2l2.2,2.2L15.4,17.8z M9.6,13.4c0-0.3,0.1-0.5,0.3-0.7v0c0.4-0.4,1-0.4,1.4,0c0.4,0.4,0.4,1,0,1.4c-0.4,0.4-1,0.4-1.4,0C9.7,13.9,9.6,13.6,9.6,13.4z" fill="white"></path></svg> Illustration
DownloadSvg Code
<svg style="color: red" xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24"><path d="M21.9,9.6c-0.2-0.5-0.8-0.7-1.3-0.5l0,0l-2.9,1.4l-2.1-2.1l-2.1-2.1l1.4-2.9c0.2-0.5,0-1.1-0.5-1.3c-0.5-0.2-1.1,0-1.3,0.5l-1.5,3.1l-6.4,1C4.8,6.8,4.5,7.1,4.4,7.5L2,19.1c-0.1,0.3,0,0.7,0.3,0.9L4,21.7C4.2,21.9,4.5,22,4.7,22c0.1,0,0.1,0,0.2,0l11.6-2.4c0.4-0.1,0.7-0.4,0.8-0.8l1-6.4l3.1-1.5C21.9,10.7,22.1,10.1,21.9,9.6z M15.4,17.8l-9.8,2l3.7-3.7c1.5,0.7,3.3,0.1,4-1.4s0.1-3.3-1.4-4c-1.1-0.5-2.5-0.3-3.4,0.6v0c-0.9,0.9-1.1,2.3-0.6,3.4l-3.7,3.7l2-9.8L12,7.6l2.2,2.2l2.2,2.2L15.4,17.8z M9.6,13.4c0-0.3,0.1-0.5,0.3-0.7v0c0.4-0.4,1-0.4,1.4,0c0.4,0.4,0.4,1,0,1.4c-0.4,0.4-1,0.4-1.4,0C9.7,13.9,9.6,13.6,9.6,13.4z" fill="red"></path></svg> Illustration
DownloadSvg Code
<svg style="color: blue" xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24"><path d="M21.9,9.6c-0.2-0.5-0.8-0.7-1.3-0.5l0,0l-2.9,1.4l-2.1-2.1l-2.1-2.1l1.4-2.9c0.2-0.5,0-1.1-0.5-1.3c-0.5-0.2-1.1,0-1.3,0.5l-1.5,3.1l-6.4,1C4.8,6.8,4.5,7.1,4.4,7.5L2,19.1c-0.1,0.3,0,0.7,0.3,0.9L4,21.7C4.2,21.9,4.5,22,4.7,22c0.1,0,0.1,0,0.2,0l11.6-2.4c0.4-0.1,0.7-0.4,0.8-0.8l1-6.4l3.1-1.5C21.9,10.7,22.1,10.1,21.9,9.6z M15.4,17.8l-9.8,2l3.7-3.7c1.5,0.7,3.3,0.1,4-1.4s0.1-3.3-1.4-4c-1.1-0.5-2.5-0.3-3.4,0.6v0c-0.9,0.9-1.1,2.3-0.6,3.4l-3.7,3.7l2-9.8L12,7.6l2.2,2.2l2.2,2.2L15.4,17.8z M9.6,13.4c0-0.3,0.1-0.5,0.3-0.7v0c0.4-0.4,1-0.4,1.4,0c0.4,0.4,0.4,1,0,1.4c-0.4,0.4-1,0.4-1.4,0C9.7,13.9,9.6,13.6,9.6,13.4z" fill="blue"></path></svg> Illustration
DownloadSvg Code
<svg style="color: #f3da35" xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24"><path d="M21.9,9.6c-0.2-0.5-0.8-0.7-1.3-0.5l0,0l-2.9,1.4l-2.1-2.1l-2.1-2.1l1.4-2.9c0.2-0.5,0-1.1-0.5-1.3c-0.5-0.2-1.1,0-1.3,0.5l-1.5,3.1l-6.4,1C4.8,6.8,4.5,7.1,4.4,7.5L2,19.1c-0.1,0.3,0,0.7,0.3,0.9L4,21.7C4.2,21.9,4.5,22,4.7,22c0.1,0,0.1,0,0.2,0l11.6-2.4c0.4-0.1,0.7-0.4,0.8-0.8l1-6.4l3.1-1.5C21.9,10.7,22.1,10.1,21.9,9.6z M15.4,17.8l-9.8,2l3.7-3.7c1.5,0.7,3.3,0.1,4-1.4s0.1-3.3-1.4-4c-1.1-0.5-2.5-0.3-3.4,0.6v0c-0.9,0.9-1.1,2.3-0.6,3.4l-3.7,3.7l2-9.8L12,7.6l2.2,2.2l2.2,2.2L15.4,17.8z M9.6,13.4c0-0.3,0.1-0.5,0.3-0.7v0c0.4-0.4,1-0.4,1.4,0c0.4,0.4,0.4,1,0,1.4c-0.4,0.4-1,0.4-1.4,0C9.7,13.9,9.6,13.6,9.6,13.4z" fill="#f3da35"></path></svg> Advance Editor
You can edit illustration as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements