Add icons to this collection by clicking the heart icon.
Color icon - also known as interface, photography, color, balance, ui, multimedia option, edit tools, color scheme, and color balance. Created in a clean lineal color style with a gray, black, and red 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 0c0-59.091 47.903-106.994 106.995-106.994 59.091 0 106.994 47.903 106.994 106.994 0 59.092-47.903 106.995-106.994 106.995C47.903 106.995 0 59.092 0 0"
transform="translate(149.005 376.376)"
fill="#f24966"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0c-29.546 51.175-94.982 68.708-146.157 39.163-51.175-29.546-68.709-94.982-39.163-146.158 29.546-51.174 94.983-68.708 146.157-39.162C12.013-116.611 29.546-51.175 0 0"
transform="translate(209.671 189.14)"
fill="#7cdb49"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0c-29.546-51.175-12.012-116.611 39.163-146.157 51.175-29.546 116.611-12.012 146.157 39.162 29.546 51.176 12.012 116.612-39.163 146.158C94.982 68.708 29.546 51.175 0 0"
transform="translate(302.327 189.14)"
fill="#4dbcd6"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0c58.931 0 106.995 48.064 106.995 106.995C106.995 165.926 58.931 213.99 0 213.99c-58.931 0-106.995-48.064-106.995-106.995C-106.995 48.064-58.931 0 0 0Z"
transform="translate(256 269.38)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="22.926"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-29.546 51.175-12.012 116.611 39.163 146.157 51.175 29.546 116.611 12.013 146.157-39.162C214.866 55.82 197.333-9.617 146.157-39.163 94.982-68.708 29.546-51.174 0 0Z"
transform="translate(24.352 82.144)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="22.926"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-29.546-51.174-94.982-68.708-146.157-39.163-51.175 29.546-68.709 94.983-39.163 146.158 29.546 51.175 94.982 68.708 146.157 39.162C12.012 116.611 29.546 51.175 0 0Z"
transform="translate(487.647 82.144)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="22.926"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0a75.01 75.01 0 0 0 22.522 3.462c41.418 0 74.995-33.577 74.995-74.995 0-41.419-33.577-74.995-74.995-74.995-41.418 0-74.995 33.576-74.995 74.995 0 6.554.859 13.079 2.556 19.41"
transform="translate(233.477 447.91)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="22.926"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 .139.178"
transform="translate(196.749 422.35)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="22.926"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0a75.002 75.002 0 0 0-22.521-3.461c-41.418 0-74.996 33.576-74.996 74.994 0 41.419 33.578 74.995 74.996 74.995 41.418 0 74.995-33.576 74.995-74.995 0-6.554-.86-13.079-2.556-19.409"
transform="translate(417.509 64.109)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="22.926"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-.139-.178"
transform="translate(454.237 89.668)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="22.926"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0a75.008 75.008 0 0 1-22.522 3.461c-41.418 0-74.995-33.576-74.995-74.994 0-41.419 33.577-74.995 74.995-74.995 41.418 0 74.995 33.576 74.995 74.995 0 6.554-.859 13.079-2.556 19.41"
transform="translate(139.534 207.175)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="22.926"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-.139.178"
transform="translate(176.262 181.616)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="22.926"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category