Add icons to this collection by clicking the heart icon.
Rgb icon - also known as design, rgb, art and design, color scheme, and color theory. 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 512 512"
>
<linearGradient
id="a"
x1="0"
x2="1"
y1=".03"
y2=".03"
gradientTransform="rotate(87.523 94.029 165.956) scale(183.037)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff6f96" />
<stop offset="1" stop-color="#e44444" />
</linearGradient>
<linearGradient
id="b"
x1="0"
x2="1"
y1=".229"
y2=".229"
gradientTransform="rotate(91.739 38.714 215.898) scale(260.701)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#5edaea" />
<stop offset="1" stop-color="#1b8dbb" />
</linearGradient>
<linearGradient
id="c"
x1="0"
x2="1"
y1="-.18"
y2="-.18"
gradientTransform="matrix(71.91 63.92 -56.152 63.171 135.82 199.76)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff9ecc" />
<stop offset="1" stop-color="#ea6ddb" />
</linearGradient>
<linearGradient
id="d"
x1="0"
x2="1"
y1="-.216"
y2="-.216"
gradientTransform="scale(-300.951) rotate(-86.971 -.69 .223)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b0f596" />
<stop offset="1" stop-color="#1eac61" />
</linearGradient>
<linearGradient
id="e"
x1="-.003"
x2="1"
y1=".062"
y2=".062"
gradientTransform="matrix(79.9 63.92 -56.077 70.096 279.643 191.746)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffd367" />
<stop offset="1" stop-color="#f69d18" />
</linearGradient>
<linearGradient
id="f"
x1="0"
x2="1"
y1="-.088"
y2="-.088"
gradientTransform="matrix(95.88 79.9 -92.851 111.421 199.734 311.606)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#81e5df" />
<stop offset="1" stop-color="#38c8ba" />
</linearGradient>
<linearGradient
id="g"
x1="-.005"
x2="1"
y1=".154"
y2=".154"
gradientTransform="scale(136.06) rotate(49.764 -.853 2.473)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ebf9f8" />
<stop offset="1" stop-color="#c0c4f6" />
</linearGradient>
<g fill-rule="evenodd" clip-rule="evenodd">
<circle cx="255.7" cy="191.8" r="127.8" fill="url(#a)" />
<path
fill="url(#b)"
d="M191.8 191.8c70.4.2 127.7 57.3 127.8 127.8.1 70.6-57.2 127.8-127.8 127.8S63.9 390.2 63.9 319.6s57.3-128 127.9-127.8z"
/>
<path
fill="url(#c)"
d="M129 208.3c18.5-10.6 39.9-16.5 62.7-16.5 23.3 0 45 6.2 63.8 17.2-33.7 19.4-57.5 53.8-62.7 94.1-34.2-19.4-58.6-54.1-63.8-94.8z"
/>
<circle cx="319.6" cy="319.6" r="127.8" fill="url(#d)" />
<path
fill="url(#e)"
d="M255.5 208.9c18.7-11.1 40.8-17.2 64.1-17.2 22.8 0 44.2 6 62.7 16.5-5.2 40.7-29.5 75.3-63.9 94.5-5.2-40.1-29.1-74.3-62.7-93.7z"
/>
</g>
<path
fill="none"
d="m199 278-1.3 3.6.3-1.4zM207.9 257.8l-2 4 1.1-2.6zM221.1 238.5l-1.9 2.2.3-.4zM238.1 221.5l-5.4 4.7 2.2-2.3zM255 209.5l-6.2 4.1 4.3-3.2z"
/>
<path
fill="url(#f)"
fill-rule="evenodd"
d="m197.7 281.6-4.8 21.4c18.5 10.6 39.9 16.5 62.7 16.5 22.9 0 44.4-6 62.8-16.8l1.1 16.8c0 47.3-25.7 88.6-63.9 110.6-38.2-22-63.9-63.3-63.9-110.6.1-13.1 2.1-25.9 6-37.9z"
clip-rule="evenodd"
/>
<path
fill="none"
d="M205.9 261.8 199 278l2.9-8.3zM219.1 240.7l-11.2 17.1c3.3-6 7-11.7 11.2-17.1zM232.7 226.2l-11.6 12.3 8.5-9.6zM248.8 213.6l-10.7 7.9 3.9-3.4zM255.8 209.1l-.8.4.7-.5z"
/>
<path
fill="url(#g)"
fill-rule="evenodd"
d="M255.5 208.9c33.6 19.4 57.7 53.8 62.9 93.8-18.4 10.8-39.9 16.8-62.8 16.8-22.8 0-44.3-5.9-62.8-16.4 4.3-41.2 29-74.9 62.7-94.2z"
clip-rule="evenodd"
/>
</svg>
More icons in the same style and category