Add icons to this collection by clicking the heart icon.
Canvas icon - also known as painting, drawing, canvas, easel, landscape, 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 0v-312.412h302.97V0a5.155 5.155 0 0 1-5.156 5.155H5.155A5.155 5.155 0 0 1 0 0"
transform="translate(104.515 443.659)"
fill="#ddebfd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-23.69a5.155 5.155 0 0 0 5.154-5.155v-312.412H5.155V-5.155A5.155 5.155 0 0 1 0 0"
transform="translate(402.33 448.813)"
fill="#bed9fd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v29.017a4.125 4.125 0 0 0 4.124 4.124h84.081a4.125 4.125 0 0 0 4.124-4.124V0Z"
transform="translate(209.835 448.813)"
fill="#407194"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-15.194-35.364-49.023-58.488-91.851-58.488-63.014 0-114.11 51.096-114.11 114.11 0 33.342 12.222 63.357 37.095 84.201 30.477 25.54 77.884 20.786 71.283-25.156-.814-5.666-1.021-12.932-.151-16.758 3.665-16.119 18.079-28.152 35.307-28.152 9.527 0 13.226 1.788 20.604 6.646C-17.474 92.436 22.893 53.285 0 0"
transform="translate(355.586 189.734)"
fill="#5392f9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-.814-5.666-1.02-12.932-.15-16.758 2.588-11.385 10.543-20.724 21.06-25.233a35.949 35.949 0 0 0-4.06 10.233c-.87 3.826-.664 11.092.15 16.758 3.123 21.734-5.844 34.245-19.385 38.697C.372 17.565 1.395 9.705 0 0"
transform="translate(241.003 319.401)"
fill="#4071f7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c9.542-14.516 13.259-36.969 2.193-62.727-15.194-35.364-49.024-58.487-91.851-58.487-24.849 0-47.841 7.95-66.58 21.438 20.837-22.411 50.57-36.438 83.58-36.438 42.827 0 76.657 23.123 91.851 58.487C35.634-39.459 19.448-8.484 0 0"
transform="translate(336.394 267.46)"
fill="#4071f7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-10.801.427-19.902-7.982-20.33-18.783-.426-10.8 7.983-19.902 18.784-20.329 10.8-.427 19.901 7.982 20.329 18.782C19.209-9.529 10.8-.427 0 0"
transform="translate(233.083 226.174)"
fill="#9cd169"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-10.801.427-19.902-7.982-20.33-18.783-.426-10.8 7.983-19.902 18.784-20.329 10.8-.427 19.901 7.983 20.329 18.783C19.209-9.529 10.8-.427 0 0"
transform="translate(208.356 296.37)"
fill="#db387e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-34.597-30.764-50.651-59.896-10.197-92.327h28.993C59.251-59.896 43.197-30.764 8.6 0A6.483 6.483 0 0 1 0 0"
transform="translate(311.307 420)"
fill="#407194"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a6.483 6.483 0 0 1-8.6 0 246.141 246.141 0 0 1-7.2-6.654c29.421-28.343 40.524-55.588 2.997-85.673h23C50.651-59.896 34.597-30.764 0 0"
transform="translate(319.906 420)"
fill="#365f7e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M299.956 121.247h31.301v176.101h-31.301z"
fill="#eec06b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v35.582a6.405 6.405 0 0 0 6.405 6.404h48.369a6.405 6.405 0 0 0 6.405-6.404V0a6.405 6.405 0 0 0-6.405-6.405H6.405A6.405 6.405 0 0 0 0 0"
transform="translate(285.017 298.396)"
fill="#db387e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-23a6.405 6.405 0 0 0 6.405-6.405v-35.581A6.405 6.405 0 0 0-23-48.391H0a6.405 6.405 0 0 1 6.405 6.405v35.581A6.405 6.405 0 0 1 0 0"
transform="translate(339.791 340.382)"
fill="#c4237c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-23.545-99.878c-.74-3.139 1.642-6.147 4.867-6.147H6.04a5 5 0 0 1 4.866 3.852L34.992 0Z"
transform="translate(127.282 113.525)"
fill="#eec06b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 23.545-99.878c.74-3.139-1.642-6.147-4.867-6.147H-6.04a5 5 0 0 0-4.866 3.852L-34.992 0Z"
transform="translate(384.718 113.525)"
fill="#eec06b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v25.132a5.155 5.155 0 0 0 5.155 5.155h381.292a5.155 5.155 0 0 0 5.155-5.155V0a5.155 5.155 0 0 0-5.155-5.155H5.155A5.155 5.155 0 0 0 0 0"
transform="translate(60.2 100.96)"
fill="#407194"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-214.66"
transform="translate(363.33 55.85)"
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 0v22.55"
transform="translate(256 481.95)"
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 0v312.412a5.155 5.155 0 0 1-5.155 5.155h-292.659a5.155 5.155 0 0 1-5.156-5.155V0"
transform="translate(407.485 131.247)"
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 0v29.017a4.125 4.125 0 0 0 4.124 4.124h84.081a4.125 4.125 0 0 0 4.124-4.124V0"
transform="translate(209.835 448.813)"
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-10.801.427-19.902-7.982-20.33-18.783-.426-10.8 7.983-19.902 18.784-20.329 10.8-.427 19.901 7.982 20.329 18.782C19.209-9.529 10.8-.427 0 0Z"
transform="translate(233.083 226.174)"
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-10.801.427-19.902-7.982-20.33-18.783-.426-10.8 7.983-19.902 18.784-20.329 10.8-.427 19.901 7.983 20.329 18.783C19.209-9.529 10.8-.427 0 0Z"
transform="translate(208.356 296.37)"
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 0c21.52-4.84 42.2-37.82 24.33-79.42C18.65-92.63 10.37-104.13 0-113.35"
transform="translate(331.26 269.15)"
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-5.34-13.5-7.99-28.3-7.99-43.83 0-63.02 51.09-114.11 114.11-114.11 12.99 0 25.15 2.13 36.22 6.08"
transform="translate(157.62 289.19)"
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 0c3.32 3.76 6.96 7.31 10.92 10.63C41.4 36.17 88.8 31.41 82.2-14.53c-.81-5.66-1.02-12.93-.15-16.76 3.67-16.12 18.08-28.15 35.31-28.15 2.65 0 4.84.14 6.8.44"
transform="translate(175.8 318.93)"
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 0c23.57 27.73 7.49 53.4-22.78 80.32a6.483 6.483 0 0 1-8.6 0C-61.66 53.4-77.73 27.73-54.16 0"
transform="translate(342.69 339.68)"
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 0v160.74"
transform="translate(299.96 131.25)"
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 0v160.74"
transform="translate(331.26 131.25)"
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 0v35.582a6.405 6.405 0 0 0 6.405 6.404h48.369a6.405 6.405 0 0 0 6.405-6.404V0a6.405 6.405 0 0 0-6.405-6.405H6.405A6.405 6.405 0 0 0 0 0Z"
transform="translate(285.017 298.396)"
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-19.361-82.153c-.74-3.139 1.641-6.147 4.866-6.147h24.716a5 5 0 0 1 4.867 3.853L34.99 0"
transform="translate(123.1 95.8)"
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 19.361-82.153c.74-3.139-1.641-6.147-4.866-6.147h-24.716a5 5 0 0 0-4.867 3.853L-34.99 0"
transform="translate(388.9 95.8)"
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-199.602a5.155 5.155 0 0 0-5.155 5.155v25.132a5.155 5.155 0 0 0 5.155 5.155H181.69a5.155 5.155 0 0 0 5.155-5.155V5.155A5.155 5.155 0 0 0 181.69 0H35"
transform="translate(264.956 95.804)"
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