Add icons to this collection by clicking the heart icon.
Colour icon - also known as color, colour, colors, colours, choose, wheel, variety, art and design, edit tools, and color wheel. Created in a clean lineal color style with a gray, black, yellow, teal, navy, magenta, purple, and orange 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 0 114.523-193.826 32.462 15.16a150.69 150.69 0 0 1 2.749 28.67C149.735-67.242 82.721-.144 0 0"
transform="translate(256.267 491.277)"
fill="#077ccc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-.089 0-.177.003-.267.003-82.842 0-150.001-67.158-150.001-150.001 0-9.806.953-19.388 2.748-28.669L-.266-247.433l114.789 53.607c3.384 13.865 5.21 28.58 5.21 43.829C119.733-67.265 66.151-.181 0 0"
transform="translate(256.267 491.277)"
fill="#09a1e5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-48.754v-291.893c82.844 0 150.002 67.158 150.002 150.001C101.248-76.117 58.91-20.236 0 0"
transform="translate(403.252 312.611)"
fill="#ff3187"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-146.345-55.7v-195.017c26.353-22.965 60.8-36.875 98.499-36.875 66.276 0 120.002 67.157 120.002 150.001C72.157-76.008 42.464-23.103 0 0"
transform="translate(402.344 308.31)"
fill="#ff5178"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 47.844-12.408c.32 1.428.629 2.858.908 4.301C33.467-2.856 17.067.001 0 0"
transform="translate(354.5 320.719)"
fill="#622876"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-37.699 0-72.146-13.91-98.499-36.874l48.753-84.456c48.762 16.751 86.15 57.93 97.59 108.922C33.186-4.432 17.008.001 0 0"
transform="translate(354.5 320.719)"
fill="#962b7c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c37.687.008 72.122 13.917 98.467 36.875v27.438Z"
transform="translate(157.532 20.719)"
fill="#ffb24a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v167.579l-147.252 60c-58.908-20.236-101.247-76.117-101.247-141.891 0-82.844 67.157-150.001 150-150.001C-57.692-64.3-21.679-38.862 0 0"
transform="translate(255.999 85.031)"
fill="#ffd23b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-26.353 22.964-60.801 36.875-98.5 36.875L0-30.559Z"
transform="translate(256.001 283.845)"
fill="#49b296"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-17.068-.001-33.468-2.857-48.754-8.109C-38.5-61.082-.382-104.112 49.745-121.332l37.808 73.898C65.659-18.244 34.536-.001 0 0"
transform="translate(157.501 320.72)"
fill="#89c247"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a149.141 149.141 0 0 0-28.531-6.747l-31.167-124.489c3.469-3.7 7.119-7.227 10.943-10.559C-17.198-114.296 2.748-73.813 2.748-28.669 2.748-18.863 1.797-9.281 0 0"
transform="translate(304.754 199.389)"
fill="#ff7169"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a151.073 151.073 0 0 0-20.223-1.361c-17.068 0-33.466 2.856-48.754 8.107a150.853 150.853 0 0 1-2.748-28.67c0-39.672 15.408-75.74 40.558-102.565C-11.047-97.664 1.279-61.596 1.279-21.924 1.279-14.476.839-7.157 0 0"
transform="translate(276.223 192.642)"
fill="#ff9259"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a150.704 150.704 0 0 1-10.947-10.559l31.169-80.644a149.16 149.16 0 0 1 28.531 6.747C42.278-51.01 24.701-21.526 0 0"
transform="translate(256.001 283.845)"
fill="#2d2570"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c15.287-5.251 31.686-8.107 48.754-8.107 6.859 0 13.607.468 20.223 1.361-3.629 30.967-14.826 58.855-31.169 80.644C18.876 53.704 5.473 28.268 0 0"
transform="translate(207.246 199.388)"
fill="#2d3e53"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-82.844-67.157-150.001-150-150.001S-300-82.844-300 0c0 82.844 67.157 150.001 150 150.001S0 82.844 0 0Z"
transform="translate(406 341.28)"
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-82.843-67.157-150-150-149.999-82.844 0-150.002 67.157-150.002 150.001 0 82.843 67.157 150 150 149.999C-67.158 150.001 0 82.844 0 0Z"
transform="translate(307.502 170.718)"
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-15.286 5.251-31.685 8.107-48.752 8.107-82.844 0-150.002-67.157-150.002-150.001 0-82.842 67.157-150 150-149.999 82.844 0 150.002 67.158 150.002 150.001 0 54.84-29.435 102.798-73.361 128.959"
transform="translate(403.252 312.611)"
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