Add icons to this collection by clicking the heart icon.
Canvas icon - also known as art, painting, painter, education, paint, canvas, tools, tool, easel, artistic, and art and design. Created in a clean gradient style, 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="100"
height="100"
viewBox="0 0 480 480"
>
<linearGradient
id="a"
x1="-98.504"
x2="-34.613"
y1="587.625"
y2="587.625"
gradientTransform="matrix(8 0 0 -8 734.984 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc4a1a" />
<stop offset="1" stop-color="#f7b733" />
</linearGradient>
<path
d="M232.002 8a8 8 0 0 0-8-8h-48a8 8 0 0 0-8 8v56h-88a8 8 0 0 0-8 8v232h-8a8 8 0 0 0-8 8v48a8 8 0 0 0 8 8h40v104a8 8 0 0 0 8 8h48a8 8 0 0 0 8-8V368h64v104a8 8 0 0 0 8 8h48a8 8 0 0 0 8-8V368h40a8 8 0 0 0 8-8v-48a8 8 0 0 0-8-8h-8V72a8 8 0 0 0-8-8h-88V8zm-48 8h32v48h-32V16zm-32 448h-32v-96h32v96zm128 0h-32v-96h32v96zm48-112h-256v-32h256v32zm-16-48h-224V80h224v224z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-98.504"
x2="-34.613"
y1="591.611"
y2="591.611"
gradientTransform="matrix(8 0 0 -8 734.984 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc4a1a" />
<stop offset="1" stop-color="#f7b733" />
</linearGradient>
<path
d="M360.002 193.544V312a8 8 0 0 0 8 8h32a8 8 0 0 0 8-8V193.544l15.432-38.568a8 8 0 0 0-.8-7.416l-32-48a8.312 8.312 0 0 0-13.312 0l-32 48a8 8 0 0 0-.8 7.416l15.48 38.568zm32 110.456h-16V200h16v104zm-8-185.6 23.008 34.512L394.586 184h-21.168l-12.424-31.064 23.008-34.536z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-98.504"
x2="-34.613"
y1="599.625"
y2="599.625"
gradientTransform="matrix(8 0 0 -8 734.984 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc4a1a" />
<stop offset="1" stop-color="#f7b733" />
</linearGradient>
<path
d="M192.002 144c0-17.673-14.327-32-32-32s-32 14.327-32 32 14.327 32 32 32 32-14.327 32-32zm-32 16c-8.837 0-16-7.163-16-16s7.163-16 16-16 16 7.163 16 16-7.163 16-16 16z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="-98.504"
x2="-34.613"
y1="589.625"
y2="589.625"
gradientTransform="matrix(8 0 0 -8 734.984 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc4a1a" />
<stop offset="1" stop-color="#f7b733" />
</linearGradient>
<path
d="M176.002 224c0 26.51 21.49 48 48 48s48-21.49 48-48-21.49-48-48-48c-26.498.026-47.973 21.501-48 48zm80 0c0 17.673-14.327 32-32 32s-32-14.327-32-32 14.327-32 32-32 32 14.327 32 32z"
fill="url(#d)"
/>
</svg>
More icons in the same style and category