Add icons to this collection by clicking the heart icon.
Color icon - also known as art, color, palette, edit, and ui. Created in a clean lineal style with a black 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 0h-81.687c-5.45 0-9.86-4.42-9.86-9.86v-142.17c0-5.45 4.41-9.86 9.86-9.86h406"
transform="translate(99.047 169.39)"
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-109.083"
transform="translate(243.13 169.39)"
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-58.176c-5.445 0-9.858 4.414-9.858 9.859v63.286c0 5.444 4.413 9.858 9.858 9.858H0c5.444 0 9.858-4.414 9.858-9.858V9.859C9.858 4.414 5.444 0 0 0Z"
transform="translate(114.96 46.942)"
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-58.176c-5.445 0-9.858 4.414-9.858 9.859v63.286c0 5.444 4.413 9.858 9.858 9.858H0c5.444 0 9.858-4.414 9.858-9.858V9.859C9.858 4.414 5.444 0 0 0Z"
transform="translate(233.237 46.942)"
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 0a9.813 9.813 0 0 1-2.439-6.49v-63.29c0-5.44 4.409-9.86 9.859-9.86h58.17c.84 0 1.65.1 2.42.3"
transform="translate(285.92 126.58)"
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-149.09 149.15c-3.849 3.85-10.099 3.85-13.95 0L-263.52 48.62a9.856 9.856 0 0 1 0-13.94L2.9-231.85"
transform="translate(342.68 298.75)"
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-41.139 41.156c-3.848 3.85-3.848 10.09 0 13.94L3.59 99.843c3.849 3.852 10.094 3.852 13.944 0l41.14-41.157c3.847-3.85 3.847-10.089 0-13.939L13.945 0C10.095-3.852 3.851-3.852 0 0Z"
transform="translate(176.055 292.278)"
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-41.139 41.157c-3.848 3.849-3.848 10.089 0 13.939L3.589 99.843c3.85 3.852 10.095 3.852 13.945 0l41.14-41.157c3.847-3.85 3.847-10.089 0-13.939L13.945 0C10.095-3.852 3.851-3.852 0 0Z"
transform="translate(259.69 208.608)"
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-40.5 40.52c-3.84 3.84-3.84 10.08 0 13.93L0 94.97"
transform="translate(342.68 125.58)"
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 0v46.86c0 5.444 4.413 9.857 9.856 9.857h142.108c5.443 0 9.856-4.413 9.856-9.857v-406.234c0-44.685-36.224-80.909-80.91-80.909-44.685 0-80.91 36.224-80.91 80.909V-35"
transform="translate(342.68 447.783)"
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 0v58.208c0 5.445 4.413 9.859 9.858 9.859h63.251c5.445 0 9.859-4.414 9.859-9.859V0c0-5.444-4.414-9.858-9.859-9.858H9.858C4.413-9.858 0-5.444 0 0Z"
transform="translate(382.106 396.99)"
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 0v58.208c0 5.445 4.413 9.859 9.858 9.859h63.251c5.445 0 9.859-4.414 9.859-9.859V0c0-5.445-4.414-9.859-9.859-9.859H9.858C4.413-9.859 0-5.445 0 0Z"
transform="translate(382.106 278.664)"
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 0v58.208c0 5.445 4.413 9.859 9.858 9.859h63.251c5.445 0 9.859-4.414 9.859-9.859V0c0-5.445-4.414-9.858-9.859-9.858H9.858A9.857 9.857 0 0 0 0 0Z"
transform="translate(382.106 160.337)"
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-18.494-14.986-33.487-33.473-33.487-18.486 0-33.472 14.993-33.472 33.487s14.986 33.486 33.472 33.486C-14.986 33.486 0 18.494 0 0Z"
transform="translate(457.063 80.074)"
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