Add icons to this collection by clicking the heart icon.
Canvas icon - also known as art, paint, canvas, creativity, and art and design. Created in a clean lineal color style with a white, silver, gray, black, yellow, 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="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 0c13.183-7.611 30.039-3.094 37.65 10.088l118.973 206.067-47.739 27.562L-10.089 37.651C-17.7 24.468-13.183 7.611 0 0"
transform="translate(46.14 11.197)"
fill="#f5d5c4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-13.183-7.611-30.04-3.094-37.65 10.088l-118.973 206.067 47.739 27.562L10.089 37.651C17.699 24.468 13.183 7.611 0 0"
transform="translate(464.897 11.197)"
fill="#f5d5c4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-15.223 0-27.562 12.34-27.562 27.562v237.945h55.124V27.562C27.562 12.34 15.222 0 0 0"
transform="translate(256.13 7.5)"
fill="#f5d5c4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-47.739-27.562 48.376-83.79h63.652z"
transform="translate(356.014 254.914)"
fill="#f1c6ad"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M228.568 143.562h55.124v129.444h-55.124z"
fill="#f1c6ad"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h63.652l48.376 83.79-47.739 27.562z"
transform="translate(90.735 143.563)"
fill="#f1c6ad"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-419.395c-21.43 0-38.802 17.373-38.802 38.803v253.332c0 21.43 17.372 38.802 38.802 38.802H0c21.431 0 38.803-17.372 38.803-38.802V38.803C38.803 17.373 21.431 0 0 0"
transform="translate(465.697 173.563)"
fill="#f5d5c4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-60c-21.43 0-38.803-17.373-38.803-38.802v-253.333c0-21.43 17.373-38.802 38.803-38.802H0c-16.544 38.911-42.014 114.208-32.195 208.726C-26.916-71.398-12.982-29.892 0 0"
transform="translate(106.303 504.5)"
fill="#f1c6ad"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v233.996c0 5.354 4.346 9.694 9.707 9.694h399.93c5.361 0 9.707-4.34 9.707-9.694V0c0-5.354-4.346-9.694-9.707-9.694H9.707C4.346-9.694 0-5.354 0 0"
transform="translate(46.328 222.033)"
fill="#efedff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-35.65c-5.362 0-9.707-4.34-9.707-9.694V-243.69c0-5.354 4.345-9.695 9.707-9.695H.258c-13.293 41.86-25.026 100.74-17.836 169.95C-14.295-51.839-7.666-23.844 0 0"
transform="translate(91.686 465.724)"
fill="#d5d3ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-21.34-17.322-38.639-38.69-38.639S-77.38-21.34-77.38 0c0 21.339 17.322 38.639 38.69 38.639S0 21.339 0 0"
transform="translate(323.82 358.744)"
fill="#f5ec59"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 12.956 6.392 24.413 16.19 31.423a38.532 38.532 0 0 1-22.5 7.216C-27.678 38.639-45 21.339-45 0c0-21.34 17.322-38.639 38.69-38.639a38.532 38.532 0 0 1 22.5 7.216C6.392-24.414 0-12.956 0 0"
transform="translate(291.44 358.744)"
fill="#fed05e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-85.723 85.609c-9.712 9.699-25.457 9.699-35.169 0l-73.334-73.237v-13.94c0-2.104.912-3.992 2.355-5.307H-9.287A9.708 9.708 0 0 1 0 0"
transform="translate(465.252 219.213)"
fill="#78dda6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-13.939c0-2.105.912-3.993 2.355-5.307h76.761L29.923 29.883Z"
transform="translate(271.025 231.585)"
fill="#42d28b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-13.101 13.083-34.34 13.083-47.439 0l-98.92-98.789v-18.803c0-5.354 4.345-9.694 9.707-9.694h264.106z"
transform="translate(192.688 339.625)"
fill="#78dda6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-1.658 35.797 35.32 73.53 92.64 92.517l-6.281 6.272c-13.1 13.082-34.339 13.082-47.439 0L-60 0v-18.803c0-5.354 4.346-9.695 9.707-9.695h60C2.359-17.065.334-7.205 0 0"
transform="translate(106.328 240.836)"
fill="#42d28b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-87.91-152.27c-5.1-8.85-14.37-13.79-23.89-13.79-4.68 0-9.42 1.19-13.761 3.7-13.179 7.61-17.699 24.47-10.089 37.65L-63.65 0"
transform="translate(171.7 173.56)"
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 33.004-57.167c5.1-8.85 14.36-13.79 23.89-13.79 4.68 0 9.419 1.19 13.76 3.7 13.18 7.61 17.7 24.47 10.09 37.65l-72 124.71"
transform="translate(394.246 78.457)"
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.418-64.812"
transform="translate(339.34 173.56)"
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-138.5c0-15.22-12.341-27.56-27.561-27.56-15.219 0-27.559 12.34-27.559 27.56V0"
transform="translate(283.69 173.56)"
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 0h298.079c21.431 0 38.803-17.373 38.803-38.802v-253.333c0-21.43-17.372-38.802-38.803-38.802h-419.394c-21.431 0-38.803 17.372-38.803 38.802v253.333C-160.118-17.373-142.746 0-121.315 0H-35"
transform="translate(167.618 504.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 0c0 5.354 4.346 9.694 9.707 9.694h399.93c5.361 0 9.707-4.34 9.707-9.694v-233.996c0-5.354-4.346-9.694-9.707-9.694H9.707c-5.361 0-9.707 4.34-9.707 9.694z"
transform="translate(46.328 456.03)"
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 0c0-21.34-17.322-38.639-38.69-38.639S-77.38-21.34-77.38 0c0 21.339 17.322 38.639 38.69 38.639S0 21.339 0 0Z"
transform="translate(323.82 358.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 58.41 58.34c9.71 9.7 25.46 9.7 35.17 0l85.72-85.61"
transform="translate(285.95 246.48)"
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-127.454 127.286c-13.101 13.083-34.34 13.083-47.44 0l-98.919-98.788"
transform="translate(320.142 212.339)"
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