Add icons to this collection by clicking the heart icon.
Pendant icon - also known as fashion, jewel, diamond, pendant, gem, necklace, accessory, precious stone, and jewelry shop. 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="SVGID_1_"
gradientUnits="userSpaceOnUse"
x1="74.98"
x2="437.019"
y1="437.019"
y2="74.98"
>
<stop offset="0" stop-color="#008a4c" />
<stop offset="1" stop-color="#d3ff33" />
</linearGradient>
<radialGradient
id="SVGID_2_"
cx="256"
cy="348.788"
gradientUnits="userSpaceOnUse"
r="352.619"
>
<stop offset="0" stop-color="#008a4c" stop-opacity=".6" />
<stop offset=".003" stop-color="#018b4c" stop-opacity=".598" />
<stop offset=".1511" stop-color="#38a945" stop-opacity=".509" />
<stop offset=".3003" stop-color="#68c340" stop-opacity=".42" />
<stop offset=".4475" stop-color="#8ed93b" stop-opacity=".332" />
<stop offset=".5924" stop-color="#acea38" stop-opacity=".245" />
<stop offset=".7343" stop-color="#c2f535" stop-opacity=".159" />
<stop offset=".8718" stop-color="#cffd34" stop-opacity=".077" />
<stop offset="1" stop-color="#d3ff33" stop-opacity="0" />
</radialGradient>
<linearGradient id="lg1">
<stop offset="0" stop-color="#ddff59" />
<stop offset="1" stop-color="#fff" />
</linearGradient>
<linearGradient
id="SVGID_3_"
gradientUnits="userSpaceOnUse"
x1="222.805"
x2="430.336"
y1="155.515"
y2="-52.017"
href="#lg1"
/>
<linearGradient
id="SVGID_4_"
gradientUnits="userSpaceOnUse"
x1="-111.933"
x2="348.144"
y1="448.67"
y2="-11.407"
href="#lg1"
/>
<linearGradient
id="SVGID_5_"
gradientUnits="userSpaceOnUse"
x1="117.088"
x2="985.963"
y1="472.268"
y2="-396.608"
href="#lg1"
/>
<linearGradient
id="SVGID_6_"
gradientUnits="userSpaceOnUse"
x1="-275.101"
x2="392.996"
y1="864.835"
y2="196.738"
href="#lg1"
/>
<linearGradient id="lg2">
<stop offset="0" stop-color="#008547" />
<stop offset=".1212" stop-color="#128f45" />
<stop offset=".3647" stop-color="#41aa41" />
<stop offset=".7046" stop-color="#8cd63a" />
<stop offset="1" stop-color="#d3ff33" />
</linearGradient>
<linearGradient
id="SVGID_7_"
gradientUnits="userSpaceOnUse"
x1="-6.73"
x2="453.767"
y1="602.282"
y2="141.784"
href="#lg2"
/>
<linearGradient
id="SVGID_8_"
gradientUnits="userSpaceOnUse"
x1="-107.933"
x2="355.267"
y1="600.853"
y2="137.653"
href="#lg2"
/>
<linearGradient
id="SVGID_9_"
gradientTransform="matrix(0 -1 1 0 -90 602)"
gradientUnits="userSpaceOnUse"
x1="70.098"
x2="660.222"
y1="227.318"
y2="817.442"
href="#lg2"
/>
<linearGradient
id="SVGID_10_"
gradientTransform="matrix(0 -1 1 0 -90 602)"
gradientUnits="userSpaceOnUse"
x1="54.673"
x2="644.445"
y1="83.031"
y2="672.802"
href="#lg2"
/>
<linearGradient
id="SVGID_11_"
gradientUnits="userSpaceOnUse"
x1="71.355"
x2="465.354"
y1="472.435"
y2="78.436"
href="#lg2"
/>
<linearGradient
id="SVGID_12_"
gradientTransform="matrix(0 -1 1 0 -90 602)"
gradientUnits="userSpaceOnUse"
x1="2.928"
x2="362.594"
y1="94.885"
y2="454.551"
href="#lg2"
/>
<g>
<circle cx="256" cy="256" fill="url(#SVGID_1_)" r="256" />
<circle cx="256" cy="256" fill="url(#SVGID_2_)" r="256" />
<path
d="m286.463 122.356c.085 16.95-13.564 30.541-30.463 30.549-16.899-.009-30.547-13.599-30.463-30.549.088-16.943 13.737-30.949 30.463-30.951 16.726.002 30.374 14.008 30.463 30.951z"
fill="url(#SVGID_3_)"
/>
<path
d="m272.211 39.82c-10.807-.126-21.615-.126-32.422 0-9.931.121-17.307 9.871-14.959 19.68 4.713 19.697 12.039 49.726 16.11 66.219 1.712 6.957 7.924 11.81 15.059 11.811 7.135-.001 13.347-4.854 15.06-11.811 4.072-16.493 11.398-46.521 16.11-66.219 2.349-9.81-5.027-19.559-14.958-19.68z"
fill="url(#SVGID_4_)"
/>
<path
d="m354.908 273.17c.092.588-86.805-113.975-86.703-114.141-2.821-3.711-7.229-6.125-12.204-6.124-4.976 0-9.384 2.414-12.182 6.124.079.166-86.815 114.728-86.734 114.141-15.71 20.411-24.902 45.436-24.559 72.83 1.084 66.075 57.035 125.968 123.474 126.275 66.439-.309 122.39-60.2 123.475-126.275.344-27.394-8.85-52.419-24.567-72.83z"
fill="url(#SVGID_5_)"
/>
<path
d="m342.635 282.406c-1.914-2.492-3.829-4.987-5.746-7.488-19.171-24.841-80.979-106.698-80.89-106.63.099-.098-61.913 82.1-86.641 114.114-14.331 18.671-21.782 40.699-21.527 64.12.82 58.28 49.794 110.175 108.168 110.377 58.374-.201 107.348-52.096 108.168-110.377.257-23.423-7.198-45.449-21.532-64.116z"
fill="url(#SVGID_6_)"
/>
<path
d="m336.682 301.151c-39.208-18.919-78.574-38.765-117.887-58.242-14.146 18.656-28.143 37.004-37.161 48.773-2.266 3.019-4.396 6.174-6.318 9.469.12 30.763.361 61.527.725 92.29 16.339 28.146 46.099 48.102 79.958 48.084 26.44-15.549 53.123-31.738 79.958-48.084 8.014-13.861 12.751-29.708 12.903-46.463.156-16.757-4.304-32.343-12.178-45.827z"
fill="url(#SVGID_7_)"
/>
<path
d="m256 193.752v86.336c-10.277 0-19.573-4.176-26.309-10.91-6.737-6.737-10.9-16.011-10.895-26.268 13.786-18.169 27.694-36.566 37.204-49.158z"
fill="url(#SVGID_8_)"
/>
<path
d="m335.957 393.445c-26.47-14.425-53.153-29.651-79.957-45.195v93.275c33.859.017 63.622-19.939 79.957-48.08z"
fill="url(#SVGID_9_)"
/>
<path
d="m163.139 346.978c.152 16.753 4.885 32.6 12.905 46.468 26.47-14.425 53.153-29.651 79.956-45.195-26.803-15.544-53.728-31.406-80.681-47.104-7.879 13.49-12.334 29.075-12.18 45.831z"
fill="url(#SVGID_10_)"
/>
<path
d="m330.327 291.692c.111.266-57.882-76.058-74.327-97.94v154.498c26.803-15.544 53.728-31.406 80.681-47.104-1.917-3.284-4.045-6.437-6.354-9.454z"
fill="url(#SVGID_11_)"
/>
<path
d="m218.022 326.105c.041 14.622.095 29.244.161 43.866 12.639 7.486 25.248 14.918 37.817 22.246 12.569-7.328 25.178-14.76 37.817-22.246.066-14.622.12-29.244.161-43.866-12.639-7.203-25.302-14.494-37.978-21.822-12.677 7.328-25.339 14.619-37.978 21.822z"
fill="url(#SVGID_12_)"
/>
</g>
</svg>
More icons in the same style and category