Add icons to this collection by clicking the heart icon.
Canvas icon - also known as art, painting, brush, canvas, frame, easel, paint brush, creative, and art and design. Created in a clean lineal color 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0h-366c-5.522 0-10 4.478-10 10v264c0 5.522 4.478 10 10 10H0c5.522 0 10-4.478 10-10V10C10 4.478 5.522 0 0 0"
transform="translate(413.17 150.5)"
fill="#fcf1f2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-264c0-5.52-4.48-10-10-10h-30c5.52 0 10 4.48 10 10V0c0 5.52-4.48 10-10 10h30C-4.48 10 0 5.52 0 0"
transform="translate(423.17 424.499)"
fill="#f4e5e0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h34.392c3.452 0 5.865 3.415 4.713 6.668L1.466 113h-45l9.675-27.333A2 2 0 0 0-35.744 83h-65.58a2 2 0 0 0-1.885 2.667L-93.534 113h-45l-37.64-106.332C-177.325 3.415-174.912 0-171.46 0h34.392a5.002 5.002 0 0 1 4.714 3.332l16.402 46.336A5 5 0 0 0-111.239 53h85.41a5 5 0 0 0 4.713-3.332L-4.714 3.332A5.001 5.001 0 0 1 0 0"
transform="translate(298.704 7.5)"
fill="#d19a6e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30c3.45 0 5.86 3.41 4.71 6.67L-62.93 113h30L4.71 6.67C5.86 3.41 3.45 0 0 0"
transform="translate(333.1 7.5)"
fill="#bc845e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h188.129a10 10 0 0 1 9.738 7.728L203.064 30h-218l5.198-22.272A10 10 0 0 1 0 0"
transform="translate(136.106 120.5)"
fill="#bc845e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-5.2-22.27A9.992 9.992 0 0 0-14.94-30h-30c4.65 0 8.69 3.2 9.74 7.73L-30 0Z"
transform="translate(339.17 150.5)"
fill="#ad775c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-60c-5.522 0-10-4.477-10-10v-20h80v20C10-4.477 5.522 0 0 0"
transform="translate(260.17 464.499)"
fill="#d19a6e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-20h-30V0c0 5.52-4.479 10-10 10h30C-4.48 10 0 5.52 0 0"
transform="translate(270.17 454.499)"
fill="#bc845e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 131.696 183.476a11.138 11.138 0 0 0 14.996 2.922 11.137 11.137 0 0 0 3.806-14.796L41.416-26.158Z"
transform="translate(322.945 316.379)"
fill="#ffc269"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-1.82-.45-3.67-1.39-5.37l-109.08-197.76-22.25 14.05 92.46 167.62 20.071 27.97c3.44 4.78 10.009 6.07 15 2.92A11.137 11.137 0 0 0 0 0"
transform="translate(474.83 493.35)"
fill="#ffa95f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-25.15-45.6-41.41 26.16 30.36 42.3z"
transform="translate(389.51 335.82)"
fill="#ffe07d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-25.15-45.6-22.25 14.05 25.15 45.6z"
transform="translate(389.51 335.82)"
fill="#ffd064"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c5.229-4.604 11.246-8.258 17.82-10.563 27.935-9.791 69.886-5.357 92.066 29.761 16.51 26.141 8.702 60.718-17.44 77.228-22.393 14.143-50.975 10.442-69.09-7.343-5.3-5.203-6.448-13.326-3.006-19.909l1.853-3.544a17.042 17.042 0 0 0-1.421-18.062c-5.221-7.028-14.92-8.957-22.432-4.461l-8.748 5.235c-3.697 2.212-8.39-.471-8.36-4.779l.017-2.473A55.26 55.26 0 0 1 0 0"
transform="translate(253.676 213.591)"
fill="#6f6571"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-10.22-2.8-20.56-8.66-29.84-19.09-30.23-52.83-37.72-79.67-32.98 18.8 3.36 37.3 13.4 49.67 32.98C-32.8-20.56-30-10.22-30 0c0 18.57-9.24 36.74-26.1 47.39A55.875 55.875 0 0 1-70.97 54c4.88 1.36 9.94 2.05 15.031 2.05 10.219 0 20.559-2.8 29.839-8.66C-9.24 36.74 0 18.57 0 0"
transform="translate(372.22 262.63)"
fill="#5d5360"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-16.568 0-30 13.432-30 30 0 16.568 13.432 30 30 30 16.568 0 30-13.432 30-30C30 13.432 16.568 0 0 0"
transform="translate(158.17 195.5)"
fill="#ccf49f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-16.568 0-30 13.431-30 30 0 16.568 13.432 30 30 30 16.568 0 30-13.432 30-30C30 13.431 16.568 0 0 0"
transform="translate(121.17 304.5)"
fill="#fc8d94"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-16.568 0-30 13.431-30 30 0 16.568 13.432 30 30 30 16.568 0 30-13.432 30-30C30 13.431 16.568 0 0 0"
transform="translate(231.17 329.5)"
fill="#ffe07d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-22.712c0-5.522-4.478-10-10-10h-366c-5.522 0-10 4.478-10 10v264c0 5.523 4.478 10 10 10h108"
transform="translate(423.17 183.212)"
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 0v-175.705"
transform="translate(423.17 393.917)"
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 5.075-21.751a10 10 0 0 1 9.738-7.728h188.129a10 10 0 0 1 9.739 7.728L217.78.106"
transform="translate(121.292 149.979)"
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 9.409-26.581a2 2 0 0 0-1.885-2.667h-65.58a1.999 1.999 0 0 0-1.884 2.667L-50.489.121"
transform="translate(255.435 119.749)"
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.31-105.399c-1.151-3.254 1.262-6.668 4.714-6.668H1.796a5.002 5.002 0 0 1 4.714 3.331l16.402 46.337a5 5 0 0 0 4.713 3.332h85.41a5 5 0 0 0 4.713-3.332l16.402-46.337a5.002 5.002 0 0 1 4.714-3.331h34.392c3.452 0 5.865 3.414 4.714 6.668L140.553.302"
transform="translate(159.84 119.568)"
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 0v18.965c0 5.523-4.478 10-10 10h-60c-5.522 0-10-4.477-10-10v-20h216.766"
transform="translate(270.17 435.535)"
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 0c5.229-4.604 11.246-8.259 17.82-10.563 27.935-9.791 69.886-5.357 92.066 29.76v.001c16.51 26.141 8.702 60.718-17.44 77.228-22.393 14.143-50.975 10.441-69.09-7.343-5.3-5.204-6.448-13.327-3.006-19.909l1.853-3.544a17.042 17.042 0 0 0-1.421-18.062c-5.221-7.028-14.92-8.957-22.432-4.461l-8.748 5.234c-3.697 2.212-8.39-.47-8.36-4.778l.017-2.473A55.258 55.258 0 0 1 0 0Z"
transform="translate(253.676 213.592)"
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 108.063 195.912c2.846 5.162 1.178 11.649-3.806 14.796-4.985 3.148-11.559 1.868-14.996-2.921L-40.788 26.606"
transform="translate(365.38 292.069)"
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-34.497 21.787"
transform="translate(388.843 336.245)"
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 0v0c-16.568 0-30 13.432-30 30 0 16.568 13.432 30 30 30 16.568 0 30-13.432 30-30C30 13.432 16.568 0 0 0Z"
transform="translate(158.17 195.5)"
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 0v0c-16.568 0-30 13.431-30 30 0 16.568 13.432 30 30 30 16.568 0 30-13.432 30-30C30 13.431 16.568 0 0 0Z"
transform="translate(121.17 304.5)"
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 0v0c-16.568 0-30 13.431-30 30v0c0 16.568 13.432 30 30 30 16.568 0 30-13.432 30-30v0C30 13.431 16.568 0 0 0Z"
transform="translate(231.17 329.5)"
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