Add icons to this collection by clicking the heart icon.
Gem icon - also known as fashion, jewel, diamond, gem, gemstone, and precious stone. Created in a clean 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">
<stop offset="0" stop-color="#ff2f2b" />
<stop offset="1" stop-color="#ff9ceb" />
</linearGradient>
<linearGradient
id="d"
x1="74.98"
x2="437.018"
y1="437.019"
y2="74.981"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="e"
cx="256"
cy="256"
r="256"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff2f2b" />
<stop offset=".164" stop-color="#ff4258" stop-opacity=".836" />
<stop offset=".357" stop-color="#ff5585" stop-opacity=".643" />
<stop offset=".543" stop-color="#ff64a8" stop-opacity=".457" />
<stop offset=".717" stop-color="#ff6fc2" stop-opacity=".283" />
<stop offset=".874" stop-color="#ff76d1" stop-opacity=".126" />
<stop offset="1" stop-color="#ff78d6" stop-opacity="0" />
</radialGradient>
<linearGradient id="b">
<stop offset="0" stop-color="#ff70a9" />
<stop offset=".026" stop-color="#ff73ab" />
<stop offset=".686" stop-color="#ffb0d3" />
<stop offset="1" stop-color="#ffc8e3" />
</linearGradient>
<linearGradient
id="f"
x1="-67.379"
x2="466.792"
y1="565.322"
y2="31.15"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="g"
x1="-94.929"
x2="440.113"
y1="706.693"
y2="171.65"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#ffa9d7" />
<stop offset=".295" stop-color="#ffc6e5" />
<stop offset=".76" stop-color="#ffeff8" />
<stop offset="1" stop-color="#fff" />
</linearGradient>
<linearGradient
id="h"
x1="105.624"
x2="356.449"
y1="312.549"
y2="61.724"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="i"
x1="133.409"
x2="410.239"
y1="648.841"
y2="372.01"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="j"
x1="163.635"
x2="424.473"
y1="515.664"
y2="254.825"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="k"
x1="80.674"
x2="383.789"
y1="247.402"
y2="-55.713"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="l"
x1="-168.839"
x2="518.165"
y1="680.839"
y2="-6.165"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="m"
x1="-275.008"
x2="360.269"
y1="657.117"
y2="21.841"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="n"
x1="-227.065"
x2="408.212"
y1="868.955"
y2="233.679"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="o"
x1="160.482"
x2="479.498"
y1="366.817"
y2="47.801"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="p"
x1="81.545"
x2="417.518"
y1="376.825"
y2="40.852"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<circle cx="256" cy="256" r="256" fill="url(#d)" />
<circle cx="256" cy="256" r="256" fill="url(#e)" />
<path
fill="url(#f)"
d="M346.345 81.613c-.092-4.186-1.861-8.071-4.64-10.968a1578.377 1578.377 0 0 0-201.446 1.919c-2.8 2.918-4.598 6.794-4.72 10.936-3.386 115-3.386 230 0 345 .122 4.142 1.921 8.015 4.72 10.936a1578.375 1578.375 0 0 0 201.446 1.919c2.778-2.897 4.549-6.781 4.64-10.968a7982.797 7982.797 0 0 0 0-348.774z"
/>
<path
fill="url(#g)"
d="M371.74 72.565a1584.033 1584.033 0 0 0-30.035-1.919 8418.585 8418.585 0 0 1 0 370.709 1584.033 1584.033 0 0 0 30.035-1.919c2.8-2.92 4.6-6.794 4.72-10.936 3.386-115 3.386-230 0-345-.122-4.14-1.919-8.016-4.72-10.935z"
/>
<path
fill="url(#h)"
d="M361 67.402a1541.876 1541.876 0 0 0-34.394-1.966 9089.887 9089.887 0 0 0 15.713 35.578 3804.184 3804.184 0 0 1 29.421-28.449c-2.8-2.919-6.599-4.88-10.74-5.163z"
/>
<path
fill="url(#i)"
d="M342.323 410.99a8941.019 8941.019 0 0 0-15.713 35.575 1541.177 1541.177 0 0 0 34.39-1.966c4.14-.283 7.938-2.246 10.744-5.16a3804.184 3804.184 0 0 1-29.421-28.449z"
/>
<path
fill="url(#j)"
d="M342.323 410.99a7567.18 7567.18 0 0 1-.385 19.628c-.18 8.373-7.055 15.562-15.329 15.947a1537.42 1537.42 0 0 1-175.61-1.966c-4.137-.282-7.938-2.246-10.744-5.16 37.421-35.773 76.369-74.751 115.744-114.251 29.158 29.25 58.082 58.214 86.324 85.802z"
/>
<path
fill="url(#k)"
d="M342.319 101.014c-.12-6.544-.249-13.087-.385-19.631-.18-8.377-7.051-15.561-15.329-15.947A1537.335 1537.335 0 0 0 151 67.402c-4.143.284-7.941 2.244-10.74 5.163 37.42 35.772 76.366 74.749 115.74 114.248 29.156-29.249 58.078-58.212 86.319-85.799z"
/>
<path
fill="url(#l)"
d="M256 156.063c-20.365-10.25-40.646-20.297-60.806-29.953-.925 86.594-.925 173.188 0 259.781 20.16-9.656 40.441-19.703 60.806-29.953 20.365 10.25 40.646 20.297 60.806 29.953.925-86.594.925-173.187 0-259.781-20.16 9.656-40.441 19.703-60.806 29.953z"
/>
<path
fill="url(#m)"
d="M316.806 126.11a2319.264 2319.264 0 0 0-121.613 0c20.051 19.844 40.371 40.203 60.806 60.703 20.436-20.5 40.756-40.86 60.807-60.703z"
/>
<path
fill="url(#n)"
d="M195.193 385.891a2319.264 2319.264 0 0 0 121.613 0c-20.051-19.844-40.371-40.203-60.806-60.703-20.436 20.5-40.756 40.859-60.807 60.703z"
/>
<path
fill="url(#o)"
d="M225.347 186.918c-.158 56.289-.123 112.578.105 168.867 20.365.203 40.73.203 61.095 0 .146-35.82.213-71.641.201-107.461-20.505-20.484-41.023-41.078-61.401-61.406z"
/>
<path
fill="url(#p)"
d="M225.452 156.215a22445.02 22445.02 0 0 0-.105 30.703c-.111 33.899 27.409 61.369 61.402 61.406-.01-30.703-.077-61.406-.201-92.109a3064.708 3064.708 0 0 0-61.096 0z"
/>
</svg>
More icons in the same style and category