Add icons to this collection by clicking the heart icon.
Canvas icon - also known as canvas, politics, vote, democracy, and miscellaneous. Created in a clean flat 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="512"
height="512"
viewBox="0 0 71.967 71.967"
>
<linearGradient
id="a"
x1="35.983"
x2="35.983"
y1="71.967"
y2="0"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#262261" />
<stop offset=".012" stop-color="#262261" />
<stop offset=".02" stop-color="#262261" />
<stop offset=".031" stop-color="#262261" />
<stop offset=".039" stop-color="#262261" />
<stop offset=".051" stop-color="#262261" />
<stop offset=".059" stop-color="#292363" />
<stop offset=".071" stop-color="#2c2365" />
<stop offset=".078" stop-color="#2f2468" />
<stop offset=".09" stop-color="#32246a" />
<stop offset=".102" stop-color="#35256c" />
<stop offset=".11" stop-color="#37256e" />
<stop offset=".122" stop-color="#3a2670" />
<stop offset=".129" stop-color="#3d2672" />
<stop offset=".141" stop-color="#3f2774" />
<stop offset=".149" stop-color="#422776" />
<stop offset=".161" stop-color="#442777" />
<stop offset=".169" stop-color="#462879" />
<stop offset=".18" stop-color="#48287a" />
<stop offset=".188" stop-color="#4a287c" />
<stop offset=".2" stop-color="#4c297d" />
<stop offset=".212" stop-color="#4e297f" />
<stop offset=".22" stop-color="#502980" />
<stop offset=".231" stop-color="#512981" />
<stop offset=".239" stop-color="#532a83" />
<stop offset=".251" stop-color="#552a84" />
<stop offset=".259" stop-color="#562a85" />
<stop offset=".271" stop-color="#582a86" />
<stop offset=".278" stop-color="#592b87" />
<stop offset=".29" stop-color="#5a2b88" />
<stop offset=".302" stop-color="#5b2b89" />
<stop offset=".31" stop-color="#5c2b8a" />
<stop offset=".322" stop-color="#5e2b8a" />
<stop offset=".329" stop-color="#5f2c8b" />
<stop offset=".341" stop-color="#602c8c" />
<stop offset=".349" stop-color="#612c8d" />
<stop offset=".361" stop-color="#612c8d" />
<stop offset=".369" stop-color="#622c8e" />
<stop offset=".38" stop-color="#622c8e" />
<stop offset=".388" stop-color="#632c8e" />
<stop offset=".4" stop-color="#632d8f" />
<stop offset=".412" stop-color="#632d8f" />
<stop offset=".42" stop-color="#642d8f" />
<stop offset=".431" stop-color="#642d8f" />
<stop offset=".439" stop-color="#652d90" />
<stop offset=".451" stop-color="#652d90" />
<stop offset=".459" stop-color="#672d90" />
<stop offset=".471" stop-color="#682d90" />
<stop offset=".478" stop-color="#6a2c90" />
<stop offset=".49" stop-color="#6b2c90" />
<stop offset=".502" stop-color="#6d2c90" />
<stop offset=".51" stop-color="#6e2c90" />
<stop offset=".522" stop-color="#702c90" />
<stop offset=".529" stop-color="#712b90" />
<stop offset=".541" stop-color="#722b90" />
<stop offset=".549" stop-color="#732b90" />
<stop offset=".561" stop-color="#752b90" />
<stop offset=".569" stop-color="#762b90" />
<stop offset=".58" stop-color="#772a8f" />
<stop offset=".588" stop-color="#782a8f" />
<stop offset=".6" stop-color="#792a8f" />
<stop offset=".612" stop-color="#7a2a8f" />
<stop offset=".62" stop-color="#7c2a8f" />
<stop offset=".631" stop-color="#7d2a8f" />
<stop offset=".639" stop-color="#7e298f" />
<stop offset=".651" stop-color="#7f298f" />
<stop offset=".659" stop-color="#80298f" />
<stop offset=".671" stop-color="#81298f" />
<stop offset=".678" stop-color="#82298f" />
<stop offset=".69" stop-color="#82298f" />
<stop offset=".702" stop-color="#83298f" />
<stop offset=".71" stop-color="#84298f" />
<stop offset=".722" stop-color="#85298f" />
<stop offset=".729" stop-color="#85298f" />
<stop offset=".741" stop-color="#86288e" />
<stop offset=".749" stop-color="#87288e" />
<stop offset=".761" stop-color="#87288e" />
<stop offset=".769" stop-color="#88288e" />
<stop offset=".78" stop-color="#89288e" />
<stop offset=".788" stop-color="#89288e" />
<stop offset=".8" stop-color="#8a288e" />
<stop offset=".812" stop-color="#8b288e" />
<stop offset=".82" stop-color="#8b288e" />
<stop offset=".831" stop-color="#8c288e" />
<stop offset=".839" stop-color="#8c288e" />
<stop offset=".851" stop-color="#8d288e" />
<stop offset=".859" stop-color="#8d288e" />
<stop offset=".871" stop-color="#8d288e" />
<stop offset=".878" stop-color="#8d288e" />
<stop offset=".89" stop-color="#8e288e" />
<stop offset=".902" stop-color="#8e288e" />
<stop offset=".91" stop-color="#8e278e" />
<stop offset=".922" stop-color="#8e278e" />
<stop offset=".929" stop-color="#8e278e" />
<stop offset=".941" stop-color="#8f278e" />
<stop offset=".949" stop-color="#8f278e" />
<stop offset=".961" stop-color="#8f278e" />
<stop offset=".969" stop-color="#8f278e" />
<stop offset=".98" stop-color="#90278e" />
<stop offset=".988" stop-color="#90278e" />
<stop offset="1" stop-color="#90278e" />
</linearGradient>
<g fill-rule="evenodd">
<path
fill="url(#a)"
d="M71.966 35.983C71.966 16.11 55.856 0 35.983 0S0 16.11 0 35.983s16.11 35.984 35.983 35.984 35.983-16.11 35.983-35.984z"
/>
<path
fill="#fff"
d="M51.483 40.633H20.449a3.142 3.142 0 0 1-3.136-3.135V17.454a3.142 3.142 0 0 1 3.136-3.135h31.07a3.142 3.142 0 0 1 3.134 3.135v20.044c0 1.726-1.409 3.135-3.17 3.135zm-31.034-25.08a1.894 1.894 0 0 0-1.903 1.901v20.044c0 1.057.846 1.902 1.903 1.902h31.07a1.894 1.894 0 0 0 1.901-1.902V17.454a1.894 1.894 0 0 0-1.902-1.902z"
/>
<path
fill="#fff"
d="M50.92 38.062H21.011a1.15 1.15 0 0 1-1.162-1.163V18.053c0-.634.493-1.127 1.162-1.127H50.92c.634 0 1.163.528 1.163 1.127v18.881c0 .6-.529 1.128-1.163 1.128zm-29.802-1.233h29.73v-18.67h-29.73zM29.396 57.647c-.106 0-.176-.035-.282-.07-.317-.14-.423-.528-.247-.845L35.42 44.12c.105-.212.317-.317.563-.317.247 0 .458.14.564.317l6.552 12.61c.141.318.035.67-.246.846a.664.664 0 0 1-.846-.246l-6.059-11.59-5.988 11.554a.628.628 0 0 1-.564.352z"
/>
<path
fill="#fff"
d="M40.034 45.036h-8.137a2.714 2.714 0 0 1-2.712-2.712V40c0-.352.282-.634.634-.634s.634.282.634.634v2.325c0 .81.67 1.48 1.48 1.48h8.101c.81 0 1.48-.67 1.48-1.48V40c0-.352.282-.634.634-.634.352 0 .634.282.634.634v2.325c-.035 1.515-1.268 2.712-2.748 2.712z"
/>
<path
fill="#fff"
d="M35.913 57.647a.631.631 0 0 1-.634-.634V44.438c0-.353.282-.634.634-.634s.634.281.634.634v12.61c0 .318-.282.6-.634.6zM25.979 31.157a.628.628 0 0 1-.564-.352l-2.677-6.094c-.14-.317 0-.67.317-.81s.67 0 .81.317l2.114 4.826 2.113-4.826c.141-.317.494-.458.81-.317.318.14.459.493.318.81l-2.677 6.13a.666.666 0 0 1-.564.316zM33.27 31.157c-2.007 0-3.663-1.655-3.663-3.699 0-2.007 1.656-3.663 3.664-3.663 2.043 0 3.699 1.656 3.699 3.664-.036 2.043-1.656 3.698-3.7 3.698zm0-6.094c-1.338 0-2.43 1.092-2.43 2.43s1.092 2.467 2.43 2.467 2.467-1.092 2.467-2.466c-.035-1.339-1.127-2.43-2.466-2.43zM42.641 25.063h-5.847c-.353 0-.635-.282-.635-.634s.282-.634.635-.634h5.847c.352 0 .634.282.634.634s-.317.634-.634.634z"
/>
<path
fill="#fff"
d="M39.717 31.157a.631.631 0 0 1-.634-.634V24.43c0-.352.282-.634.634-.634.353 0 .634.282.634.634v6.094c-.035.352-.317.634-.634.634zM48.665 31.157h-4.368a.632.632 0 0 1-.634-.634V24.43c0-.352.282-.634.634-.634h4.368c.352 0 .634.282.634.634s-.282.634-.634.634H44.93v4.861h3.734c.352 0 .634.282.634.634 0 .353-.282.6-.634.6z"
/>
<path
fill="#fff"
d="M48.665 28.093h-4.368a.632.632 0 0 1-.634-.634c0-.353.281-.634.634-.634h4.368c.352 0 .634.281.634.634a.631.631 0 0 1-.634.634z"
/>
</g>
</svg>
More icons in the same style and category