Add icons to this collection by clicking the heart icon.
Drawing icon - also known as artist, drawing, animals, unicorn, fantasy, legend, smileys, folklore, and fairy tale. Created in a clean gradient style with a white, silver, gray, navy, orange, and pink finish, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="512"
height="512"
viewBox="0 0 502 502"
>
<linearGradient id="a">
<stop offset="0" stop-color="#7ed99e" />
<stop offset=".253" stop-color="#81daa3" />
<stop offset=".573" stop-color="#88ddb3" />
<stop offset=".926" stop-color="#95e2cd" />
<stop offset="1" stop-color="#98e3d3" />
</linearGradient>
<linearGradient
id="h"
x1="125.439"
x2="24.476"
y1="361.163"
y2="361.163"
gradientTransform="matrix(-1 0 0 1 501.538 0)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#d9e0e0" />
<stop offset="1" stop-color="#f3f3f3" />
</linearGradient>
<linearGradient
id="i"
x1="259.83"
x2="259.83"
y1="366.652"
y2="501.996"
gradientTransform="matrix(-1 0 0 1 501.538 0)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#cdd4d4" />
<stop offset="1" stop-color="#f3f3f3" />
</linearGradient>
<linearGradient
id="j"
x1="241.827"
x2="241.827"
y1="366.652"
y2="478.224"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="k"
x1="317.175"
x2="317.175"
y1="357.306"
y2="477.461"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="l"
x1="182.261"
x2="118.741"
y1="344.948"
y2="344.948"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient id="d">
<stop offset="0" stop-color="#b39bdb" />
<stop offset="1" stop-color="#d0c3e8" />
</linearGradient>
<linearGradient
id="m"
x1="121.867"
x2="4.985"
y1="164.136"
y2="164.136"
gradientTransform="matrix(-1 0 0 1 501.538 0)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="n"
x1="207.202"
x2="207.202"
y1="91.812"
y2="11.166"
gradientTransform="matrix(-1 0 0 1 501.538 0)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="o"
x1="298.224"
x2="298.224"
y1="126.573"
y2="45.889"
gradientTransform="matrix(-1 0 0 1 502 0)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="p"
x1="224.011"
x2="224.011"
y1="245.978"
y2="414.774"
gradientTransform="matrix(-1 0 0 1 501.538 0)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="q"
x1="43.748"
x2="354.068"
y1="194.971"
y2="194.971"
gradientTransform="matrix(-1 0 0 1 501.538 0)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="r"
x1="222.295"
x2="321.866"
y1="104.548"
y2="104.548"
gradientTransform="matrix(-1 0 0 1 502 0)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f4d952" />
<stop offset="1" stop-color="#f9edaf" />
</linearGradient>
<linearGradient id="e">
<stop offset="0" stop-color="#ec6f80" />
<stop offset="1" stop-color="#eca0aa" />
</linearGradient>
<linearGradient
id="s"
x1="221.829"
x2="301.355"
y1="65.914"
y2="65.914"
gradientTransform="matrix(-1 0 0 1 501.538 0)"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="t"
x1="237.424"
x2="298.766"
y1="26.692"
y2="26.692"
gradientTransform="matrix(-1 0 0 1 501.538 0)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="u"
x1="153.192"
x2="153.192"
y1="177.587"
y2="82.082"
gradientTransform="matrix(-1 0 0 1 502 0)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="v"
x1="389.639"
x2="389.639"
y1="447.368"
y2="350.115"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="w"
x1="213.393"
x2="213.393"
y1="451.773"
y2="353.832"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient id="f">
<stop offset="0" stop-color="#4e5660" />
<stop offset="1" stop-color="#64768d" />
</linearGradient>
<linearGradient
id="x"
x1="343.898"
x2="343.898"
y1="427.649"
y2="372.921"
gradientUnits="userSpaceOnUse"
href="#f"
/>
<linearGradient
id="y"
x1="117.339"
x2="117.339"
y1="439.435"
y2="370.833"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#efc27b" />
<stop offset="1" stop-color="#f3d5a6" />
</linearGradient>
<linearGradient
id="z"
x1="33.204"
x2="95.78"
y1="-165.229"
y2="-165.229"
gradientTransform="rotate(-90 351.178 105.533)"
gradientUnits="userSpaceOnUse"
href="#f"
/>
<linearGradient
id="A"
x1="-2124.364"
x2="-2124.364"
y1="-7720.071"
y2="-7606.367"
gradientTransform="matrix(1 -.028 -.028 -1 2200.359 -7361.276)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="B"
x1="297.516"
x2="297.516"
y1="390.511"
y2="303.389"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="g">
<stop offset="0" stop-color="#e08243" />
<stop offset="1" stop-color="#f0bb78" />
</linearGradient>
<linearGradient
id="C"
x1="262.824"
x2="262.824"
y1="419.38"
y2="377.458"
gradientUnits="userSpaceOnUse"
href="#g"
/>
<linearGradient
id="D"
x1="263.168"
x2="216.948"
y1="483.156"
y2="483.156"
gradientUnits="userSpaceOnUse"
href="#g"
/>
<linearGradient
id="E"
x1="354.425"
x2="301.257"
y1="482.483"
y2="482.483"
gradientUnits="userSpaceOnUse"
href="#g"
/>
<path
fill="#5b6c82"
d="M27.574 138.06c0-6.352 5.149-11.5 11.5-11.5s11.5 5.148 11.5 11.5c0 16.506 6.058 31.321 15.81 38.663 7.785 5.86 17.774 7.094 29.693 3.663 5.03-1.447 8.05-4.049 9.794-8.438 6.776-17.053-7.411-52.87-16.512-68.257-3.233-5.466-1.423-12.519 4.043-15.753 5.467-3.231 12.519-1.423 15.753 4.044 8.858 14.975 29.377 60.06 18.091 88.459-4.376 11.014-12.956 18.638-24.809 22.048-44.319 12.751-74.863-20.297-74.863-64.429z"
/>
<path
fill="url(#h)"
d="M365.889 409.784c-27.463-12.806-39.345-45.451-26.539-72.914s45.451-39.345 72.914-26.539c23.668 11.036 37.426 38.117 64.767 39.506 9.516.483 15.225 10.877 10.089 18.903-30.315 47.378-85.881 57.528-121.231 41.044z"
/>
<g fill="#a7f2d2">
<path
d="M407.709 407.091c-5.06 0-9.401-3.827-9.935-8.97-.57-5.493 3.422-10.408 8.915-10.978a67.453 67.453 0 0 0 9.827-1.785c5.354-1.379 10.802 1.839 12.181 7.186 1.379 5.348-1.839 10.802-7.187 12.181a87.44 87.44 0 0 1-12.759 2.311 9.9 9.9 0 0 1-1.042.055zM451.358 389.13a9.98 9.98 0 0 1-7.796-3.73c-3.463-4.302-2.782-10.597 1.521-14.06a77.312 77.312 0 0 0 11.657-11.665c3.469-4.299 9.766-4.969 14.063-1.502 4.298 3.469 4.97 9.765 1.502 14.063a97.305 97.305 0 0 1-14.683 14.684 9.957 9.957 0 0 1-6.264 2.21z"
/>
</g>
<path
fill="url(#i)"
d="M233.167 501.996c-14.219 0-25.746-11.527-25.746-25.746 0-40.375 10.398-73.351 19.122-93.904 5.555-13.089 20.67-19.196 33.758-13.642 13.088 5.555 19.196 20.669 13.641 33.758-6.856 16.155-15.03 42.071-15.03 73.789.001 14.218-11.526 25.745-25.745 25.745z"
/>
<path
fill="url(#j)"
d="M207.659 465.774c11.361 14.214 38.548 17.383 51.387 3.597 1.064-28.583 8.543-51.938 14.896-66.908 5.555-13.089-.553-28.203-13.641-33.758-13.088-5.553-28.203.553-33.758 13.642-7.956 18.744-17.301 47.827-18.884 83.427z"
/>
<path
fill="url(#k)"
d="M293.938 471.712c16.047 10.771 42.208 5.369 50.93-7.616-3.88-28.427-3.893-50.925-3.893-81.043 0-14.219-11.527-25.746-25.746-25.746-14.218 0-25.746 11.527-25.746 25.746 0 31.241.012 56.459 4.455 88.659z"
/>
<path
fill="url(#l)"
d="M129.196 399.937c-12.749-6.296-17.981-21.735-11.685-34.484 16.878-34.179 44.117-61.815 74.732-75.821 12.928-5.915 28.207-.23 34.123 12.7 5.915 12.93.229 28.208-12.701 34.123-19.744 9.033-38.43 28.397-49.985 51.797-6.275 12.705-21.69 18-34.484 11.685z"
/>
<path
fill="url(#m)"
d="M299.305 142.162c-.126-40.119 32.664-74.063 72.783-74.073 40.216-.009 72.82 32.589 72.82 72.803 0 12.584.123 37.554 19.995 49.154 18.495 10.796 18.62 37.671.254 48.683-39.902 23.925-98.097 32.521-145.059 1.046-.001 0-20.56-23.519-20.793-97.613z"
/>
<circle cx="294.336" cy="85.02" r="72.803" fill="url(#n)" />
<path
fill="url(#o)"
d="M180.237 50.109c21.317-7.759 56.942 24.248 66.318 62.112 5.453 22.02-5.783 37.879-27.101 45.638-21.317 7.759-40.119 2.833-50.096-17.541-17.155-35.033-10.438-82.45 10.879-90.209z"
/>
<path
fill="url(#p)"
d="M223.365 255.354c-66.277 64.358-57.61 129.633-39.256 148.98s48.431 28.104 93.419 28.104 75.065-8.757 93.419-28.104c18.353-19.347 27.02-84.622-39.256-148.98z"
/>
<path
fill="url(#q)"
d="M81.166 219.626c2.894 55.294 44.751 85.297 155.225 85.297s150.935-43.354 150.935-106.168S344.694 85.02 261.335 85.02 77.465 148.896 81.166 219.626z"
/>
<ellipse cx="132.641" cy="209.132" fill="#eaadcd" rx="14.936" ry="12.003" />
<ellipse cx="308.412" cy="209.132" fill="#eaadcd" rx="14.936" ry="12.003" />
<circle cx="158.248" cy="179.514" r="29.618" fill="#fff" />
<circle
cx="146.282"
cy="179.514"
r="17.652"
fill="#3b3b44"
transform="rotate(-45 146.26 179.555)"
/>
<circle cx="282.805" cy="179.514" r="29.618" fill="#fff" />
<g fill="#3b3b44">
<circle
cx="270.84"
cy="179.514"
r="17.652"
transform="rotate(-76.59 270.882 179.455)"
/>
<path
d="M185.67 235.695h-15.181a6.777 6.777 0 0 0-6.506 4.862c-2.672 9.09-5.742 27.748 14.097 27.748 19.838 0 16.769-18.659 14.097-27.748a6.78 6.78 0 0 0-6.507-4.862z"
/>
</g>
<path
fill="url(#r)"
d="M277.434 98.825c1.457 14.436-15.155 29.066-37.966 33.089-23.489 4.142-44.652-4.534-47.27-19.377-1.592-9.028-2.122-21.111-1.631-34.012 30.966-5.885 55.295-1.466 86.867 20.3z"
/>
<path
fill="#fcb500"
d="M244.49 101.186c1.9-.937 3.362-1.909 4.369-2.738a99.736 99.736 0 0 0-.831-3.22c9.705-.861 17.473-.66 29.404 3.596 1.059 10.49-7.419 21.082-20.888 27.633-8.326 4.049-18.218-1.022-19.825-10.139l-.016-.091c-1.093-6.196 2.146-12.256 7.787-15.041z"
/>
<path
fill="url(#s)"
d="M196.471 33.344c22.518-1.543 44.524 1.631 65.608 20.039 7.398 15.883 13.075 32.213 15.18 44.155.076.429.131.857.174 1.287-26.22-1.881-56.437-7.464-86.866-20.3.578-15.14 2.565-31.401 5.904-45.181z"
/>
<path
fill="#e05d6f"
d="M248.6 56.286c7.114-2.825 15.189.585 18.113 7.659 5.099 12.336 8.907 24.294 10.547 33.593.076.428.129.857.172 1.286a295.09 295.09 0 0 1-29.404-3.596c-1.665-6.091-4.161-13.215-7.19-20.551-2.984-7.229.493-15.505 7.762-18.391z"
/>
<path
fill="url(#t)"
d="M196.471 33.344C200.815 15.42 207.444 1.7 216.235.15c13.691-2.414 32.548 24.687 45.844 53.233-20.775-3.032-43.386-9.048-65.608-20.039z"
/>
<path
fill="url(#u)"
d="M372.346 51.139c-21.317-7.759-56.942 24.248-66.318 62.112-5.453 22.02 5.783 37.879 27.1 45.638s40.119 2.832 50.096-17.541c17.156-35.033 10.44-82.45-10.878-90.209z"
/>
<path
fill="url(#v)"
d="M367.87 344.388v95.663h10.998c17.971 0 32.539-14.568 32.539-32.539v-30.585c0-17.971-14.568-32.539-32.539-32.539z"
/>
<path
fill="url(#w)"
d="M146.796 344.388c-2.417 0-4.907.138-7.446.395-20.392 8.762-32.489 23.167-32.489 47.807s11.327 38.226 31.719 46.988a75.29 75.29 0 0 0 8.217.474h173.131v-95.663H146.796z"
/>
<path fill="url(#x)" d="M319.926 344.388h47.944v95.663h-47.944z" />
<path
fill="url(#y)"
d="M154.102 392.589c0-24.64-29.614-32.76-14.752-47.807-15.864 1.6-33.703 7.962-48.291 16.149-5.451 10.73-10.482 19.424-10.482 31.288 0 11.865 5.031 20.559 10.482 31.288h-.001c14.353 8.055 31.852 14.345 47.522 16.069-13.02-14.53 15.522-22.798 15.522-46.987z"
/>
<path
fill="url(#z)"
d="M99.257 392.219c0-11.864-3.075-22.751-8.199-31.288-16.929 9.5-29.481 21.458-29.481 31.288s12.552 21.788 29.481 31.289c5.123-8.537 8.199-19.424 8.199-31.289z"
/>
<path
fill="url(#A)"
d="M240.683 405.112c-8.817-11.155-6.921-27.346 4.235-36.163 23.248-18.373 27.991-29.092 48.228-58.199 8.117-11.674 24.162-14.558 35.836-6.441s14.558 24.162 6.441 35.836c-20.02 28.798-28.436 45.382-58.577 69.204-11.11 8.78-27.311 6.964-36.163-4.237z"
/>
<path
fill="url(#B)"
d="M328.982 304.309c-11.674-8.117-27.719-5.233-35.836 6.441-16.773 24.125-22.911 35.62-37.754 49.309-3.742 22.08 20.166 37.031 35.121 37.651 19.667-18.185 28.301-33.673 44.911-57.565 8.116-11.675 5.232-27.719-6.442-35.836z"
/>
<path
fill="#997bce"
d="M319.926 362.87c-11.35 16.447-21.803 29.661-43.08 46.478-8.497 6.715-19.971 7.233-28.858 2.095-5.333-3.083-12.002-2.619-16.835 1.201-8.25 6.52-7.467 19.375 1.615 24.674a55.413 55.413 0 0 0 5.327 2.733h45.506a55.544 55.544 0 0 0 11.846-7.167c9.888-7.815 17.77-15.013 24.479-22z"
/>
<path
fill="#424e5e"
d="M360.055 357.269a55.624 55.624 0 0 0 6.655-12.882h-34.215c-4.617 6.733-8.65 12.802-12.569 18.482v48.014c16.474-17.159 25.829-33.041 40.129-53.614z"
/>
<path
fill="url(#C)"
d="M290.512 397.71c-5.209-12.916-23.172-30.777-35.121-37.651-3.066 2.827-6.494 5.745-10.473 8.891-11.156 8.817-13.052 25.007-4.235 36.163 8.851 11.201 25.052 13.017 36.163 4.236 5.135-4.059 9.628-7.905 13.666-11.639z"
/>
<g fill="#5b6c82">
<path
d="M41.077 349.38c-15.53-4.256-22.163-14.456-25.133-21.781-7.056-17.402-1.633-42.615 16.117-74.938 3.057-5.567 10.049-7.604 15.615-4.545 5.567 3.057 7.602 10.048 4.545 15.615-13.656 24.868-19.109 44.998-14.962 55.227 1.031 2.544 3.25 6.187 10.576 8.439 5.083 1.561 15.403.654 27.386-22.987 2.872-5.664 9.789-7.931 15.457-5.059 5.665 2.871 7.93 9.792 5.059 15.457-14.854 29.304-34.16 40.19-54.66 34.572zM36.825 97.52c-6.351 0-11.5-5.148-11.5-11.5v-8.871c0-6.352 5.149-11.5 11.5-11.5s11.5 5.148 11.5 11.5v8.871c0 6.351-5.149 11.5-11.5 11.5zM76.562 78.042c-6.351 0-11.5-5.148-11.5-11.5V49.97c0-6.352 5.149-11.5 11.5-11.5s11.5 5.148 11.5 11.5v16.572c0 6.352-5.149 11.5-11.5 11.5z"
/>
</g>
<path
fill="url(#D)"
d="M207.659 465.774a235.238 235.238 0 0 0-.237 10.477c0 14.219 11.527 25.746 25.746 25.746s25.746-11.527 25.746-25.746c0-2.326.049-4.618.133-6.88-12.831-5.247-38.365-6.342-51.388-3.597z"
/>
<path
fill="url(#E)"
d="M293.938 471.712c.385 2.792.792 5.616 1.246 8.521 2.203 14.072 15.394 23.65 29.419 21.453 14.047-2.199 23.653-15.37 21.453-29.418a417.788 417.788 0 0 1-1.189-8.172c-14.65-3.422-41.905 1.453-50.929 7.616z"
/>
</svg>
More icons in the same style and category