Add icons to this collection by clicking the heart icon.
Canvas icon - also known as painting, artist, painter, education, canvas, easel, and art and design. Created in a clean lineal color style with a white, silver, black, 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<path
d="m0 0-49.22-134.08h-35.43l53.43 145.54Z"
transform="matrix(1.33333 0 0 -1.33333 292.019 454.453)"
fill="#f2fbff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-35.44l-49.22 134.08 31.22 11.46z"
transform="matrix(1.33333 0 0 -1.33333 492.858 633.227)"
fill="#f2fbff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0h-222.92a8 8 0 0 1-8-8v-249.062a8 8 0 0 1 8-8H0a8 8 0 0 1 8 8V-8a8 8 0 0 1-8 8"
transform="translate(363.46 448.307)"
fill="#f2fbff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-25c-4.42 0-8 3.59-8 8v249.07c0 4.42 3.58 8 8 8H0c-4.42 0-8-3.58-8-8V8c0-4.41 3.58-8 8-8"
transform="translate(165.544 183.24)"
fill="#d8ecfe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-251.739a6 6 0 0 0-6 6v34.244a6 6 0 0 0 6 6H0a6 6 0 0 0 6-6V6a6 6 0 0 0-6-6"
transform="translate(377.87 153.751)"
fill="#ffe07d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-25c-3.32 0-6 2.69-6 6v34.25c0 3.31 2.68 6 6 6H0c-3.32 0-6-2.69-6-6V6c0-3.31 2.68-6 6-6"
transform="translate(151.134 153.75)"
fill="#ffd064"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-59.304a4 4 0 0 0-4 4v29.174a4 4 0 0 0 4 4H0a4 4 0 0 0 4-4V4a4 4 0 0 0-4-4"
transform="translate(281.652 437.742)"
fill="#b6c4cf"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-22c-2.21 0-4 1.79-4 4v29.18c0 2.2 1.79 4 4 4H0c-2.21 0-4-1.8-4-4V4c0-2.21 1.79-4 4-4"
transform="translate(244.344 437.74)"
fill="#9facba"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c16.971-20.306 1.907-35.736-18.4-52.707-20.306-16.971-38.165-29.058-55.136-8.751-16.972 20.306-14.268 50.526 6.039 67.497C-47.191 23.01-16.971 20.306 0 0"
transform="translate(251.983 308.006)"
fill="#c1e9af"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-11.96-6.29-23.16-6.52-33.99 6.44-16.97 20.3-14.26 50.52 6.04 67.49 3.94 3.3 8.26 5.85 12.77 7.67-16.33-18.77-15.62-49.07 2.76-71.05C-8.25 5.55-4.11 2.13 0 0"
transform="translate(212.434 240.11)"
fill="#ade194"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-6.617-16.44 5.527-24.744 21.966-31.361 16.44-6.616 30.95-9.039 37.567 7.4 6.617 16.44-1.347 35.131-17.786 41.747C25.307 24.403 6.617 16.44 0 0"
transform="translate(219.148 307.096)"
fill="#e490d0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-9.49-4.39-18.04-13.41-22.87-25.42-3.81-9.47-3.6-16.54-.74-22.05-15.8 6.54-27.16 14.84-20.72 30.86C-37.71-.17-19.02 7.79-2.58 1.17-1.7.81-.83.42 0 0"
transform="translate(263.474 323.71)"
fill="#df73c1"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h497"
transform="translate(7.5 37.084)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h31.81c3.31 0 6-2.68 6-6v-34.24c0-3.31-2.69-6-6-6h-251.74c-3.32 0-6 2.69-6 6V-6c0 3.32 2.68 6 6 6H-35"
transform="translate(346.35 199.992)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v14.07c0 4.41 3.58 8 8 8h77.8"
transform="translate(132.83 426.242)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v191.25"
transform="translate(132.83 199.992)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h77.81c4.41 0 8-3.59 8-8v-240.32"
transform="translate(285.94 448.312)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-59.304a4 4 0 0 0-4 4v29.174a4 4 0 0 0 4 4H0a4 4 0 0 0 4-4V4a4 4 0 0 0-4-4Z"
transform="translate(281.938 437.744)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-42.83-116.67"
transform="translate(177.48 153.752)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-42.83-116.67"
transform="translate(212.91 153.752)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-42.83 116.67"
transform="translate(334.49 37.082)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-42.84 116.67"
transform="translate(369.93 37.082)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 17.081 19.262a2 2 0 0 0 2.804.186L32.821 8.269a2 2 0 0 1 2.733.111l7.992 8.124a2 2 0 0 0 2.666.166l12.134-9.587a2 2 0 0 1 1.24-.431h13.001"
transform="translate(264.404 227.44)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-15.56 5.71-33.67 3.19-47.3-8.21-20.3-16.97-23.01-47.19-6.04-67.49 16.97-20.31 34.83-8.22 55.14 8.75 6.86 5.73 13.12 11.28 17.74 16.91"
transform="translate(232.07 322.252)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-6.617-16.44 5.527-24.744 21.966-31.361 16.44-6.616 30.95-9.039 37.567 7.4 6.617 16.44-1.347 35.131-17.786 41.747C25.307 24.403 6.617 16.44 0 0Z"
transform="translate(219.434 307.098)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 37.914 18.218a2 2 0 0 0 1.53.084L78.338 4.609a2 2 0 0 1 1.53.084l37.166 17.859c.479.23 1.029.26 1.53.084l39.677-13.968"
transform="translate(171.498 392.206)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 37.914 18.218a2 2 0 0 0 1.53.084L78.338 4.609a2 2 0 0 1 1.53.084l37.166 17.859c.479.23 1.029.26 1.53.084l39.677-13.968"
transform="translate(173.531 355.074)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 28.913-67.696"
transform="translate(308.078 340.309)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-6.583 16.159"
transform="translate(311.208 267.526)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category