Add icons to this collection by clicking the heart icon.
Colors icon - also known as colors, colours, choose, wheel, variety, ribbon design, art and design, edit tools, and color wheel. 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-121.257c135.862 0 246 110.138 246 246H124.743C124.743 55.85 68.894 0 0 0"
transform="translate(256 131.257)"
fill="#ff9c9b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 85.742 85.742C41.226 130.26-20.275 157.794-88.206 157.794V36.537C-53.759 36.537-22.573 22.574 0 0"
transform="translate(344.206 344.206)"
fill="#fff7c0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 85.742 85.742C41.226 130.26-20.275 157.794-88.206 157.794V36.537C-53.759 36.537-22.573 22.574 0 0Z"
transform="translate(344.206 344.206)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-85.742-85.742c22.574-22.573 36.537-53.759 36.537-88.206H72.052C72.052-106.017 44.518-44.517 0 0"
transform="translate(429.948 429.948)"
fill="#ffee80"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-85.742-85.742c22.574-22.573 36.537-53.759 36.537-88.206H72.052C72.052-106.017 44.518-44.517 0 0Z"
transform="translate(429.948 429.948)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v0"
transform="translate(429.948 82.052)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c27.119 39.541 42.987 87.403 42.987 138.973H-78.27c0-68.894-55.849-124.744-124.743-124.744v-121.256c50.949 0 98.28 15.488 137.541 42.012.584.396 1.167.793 1.748 1.193"
transform="translate(459.013 117.027)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v121.257c-135.862 0-246-110.138-246-246h121.257C-124.743-55.85-68.894 0 0 0"
transform="translate(256 380.743)"
fill="#faf7f5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v121.257c-135.862 0-246-110.138-246-246h121.257C-124.743-55.85-68.894 0 0 0Z"
transform="translate(256 380.743)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-121.257c0-67.932 27.534-129.432 72.052-173.948l85.742 85.742C13.963-65.633 0-34.447 0 0"
transform="translate(131.257 256)"
fill="#c193dc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-121.257c0-67.932 27.534-129.432 72.052-173.948l85.742 85.742C13.963-65.633 0-34.447 0 0Z"
transform="translate(131.257 256)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-85.742-85.742c44.517-44.518 106.017-72.052 173.948-72.052v121.257C53.759-36.537 22.573-22.574 0 0"
transform="translate(167.794 167.794)"
fill="#ff7b79"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-85.742-85.742c44.517-44.518 106.017-72.052 173.948-72.052v121.257C53.759-36.537 22.573-22.574 0 0Z"
transform="translate(167.794 167.794)"
fill="none"
stroke="#000"
stroke-width="20"
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