Add icons to this collection by clicking the heart icon.
Necklace icon - also known as fashion, jewelry, pendant, gem, necklace, accessory, and Hippie. 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="#ff4d5e" />
<stop offset="1" stop-color="#fff200" />
</linearGradient>
<linearGradient
id="f"
x1="74.98"
x2="437.019"
y1="437.019"
y2="74.98"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="g"
cx="253.971"
cy="212.394"
r="256"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff4d5e" stop-opacity=".6" />
<stop offset=".078" stop-color="#ff6153" stop-opacity=".553" />
<stop offset=".306" stop-color="#ff9436" stop-opacity=".417" />
<stop offset=".519" stop-color="#ffbd1e" stop-opacity=".289" />
<stop offset=".712" stop-color="#ffda0e" stop-opacity=".173" />
<stop offset=".879" stop-color="#ffec04" stop-opacity=".073" />
<stop offset="1" stop-color="#fff200" stop-opacity="0" />
</radialGradient>
<linearGradient id="b">
<stop offset="0" stop-color="#ffcb00" />
<stop offset=".5" stop-color="#fffa78" />
<stop offset=".739" stop-color="#fefca7" />
<stop offset="1" stop-color="#feffd6" />
</linearGradient>
<linearGradient
id="h"
x1="12.18"
x2="1330.38"
y1="454.673"
y2="-863.527"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset=".39" stop-color="#ff8c00" stop-opacity=".6" />
<stop offset=".598" stop-color="#ffb000" stop-opacity=".396" />
<stop offset="1" stop-color="#fff200" stop-opacity="0" />
</linearGradient>
<radialGradient
id="i"
cx="257.386"
cy="227.406"
r="137.301"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="j"
x1="40.732"
x2="411.821"
y1="425.859"
y2="54.771"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="d">
<stop offset="0" stop-color="#fff200" stop-opacity="0" />
<stop offset=".121" stop-color="#ffec04" stop-opacity=".073" />
<stop offset=".288" stop-color="#ffda0e" stop-opacity=".173" />
<stop offset=".481" stop-color="#ffbd1e" stop-opacity=".289" />
<stop offset=".694" stop-color="#ff9436" stop-opacity=".417" />
<stop offset=".922" stop-color="#ff6153" stop-opacity=".553" />
<stop offset="1" stop-color="#ff4d5e" stop-opacity=".6" />
</linearGradient>
<radialGradient
id="k"
cx="256"
cy="209.875"
r="202.447"
gradientTransform="matrix(1 0 0 1.251 0 -52.65)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="l"
x1="-167.488"
x2="1016.361"
y1="619.235"
y2="-564.614"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<radialGradient
id="m"
cx="255.307"
cy="196.579"
r="127.914"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="n"
x1="58.403"
x2="399.03"
y1="393.003"
y2="52.377"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="o"
cx="256"
cy="194.5"
r="186.488"
gradientTransform="matrix(1 0 0 1.251 0 -48.793)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="p"
x1="-98.854"
x2="820.834"
y1="780.309"
y2="-139.38"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="e">
<stop offset="0" stop-color="#f50f26" />
<stop offset=".2" stop-color="#ff4747" />
<stop offset="1" stop-color="#fff200" />
</linearGradient>
<linearGradient
id="q"
x1="170.761"
x2="377.168"
y1="511.08"
y2="304.673"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="r"
x1="204.142"
x2="365.731"
y1="477.712"
y2="316.123"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="s"
x1="-132.012"
x2="863.844"
y1="553.456"
y2="-442.4"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="t"
x1="93.834"
x2="373.383"
y1="327.124"
y2="47.575"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="u"
cx="256"
cy="163.75"
r="155.819"
gradientTransform="matrix(1 0 0 1.251 0 -41.079)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<circle cx="256" cy="256" r="256" fill="url(#f)" />
<circle cx="256" cy="256" r="256" fill="url(#g)" />
<path
fill="url(#h)"
d="M256 380.025c-50.414-.244-91.969-43.862-92.201-93.025-.159-50.667.072-101.333.691-152 .769-49.124 42.014-95.068 91.51-95.275 49.495.207 90.741 46.151 91.51 95.275.62 50.667.85 101.333.691 152-.231 49.163-41.787 92.781-92.201 93.025z"
/>
<path
fill="url(#i)"
d="M256 380.025c-50.414-.244-91.969-43.862-92.201-93.025-.159-50.667.072-101.333.691-152 .769-49.124 42.014-95.068 91.51-95.275 49.495.207 90.741 46.151 91.51 95.275.62 50.667.85 101.333.691 152-.231 49.163-41.787 92.781-92.201 93.025z"
/>
<path
fill="url(#j)"
d="M179.166 287.237a12067.4 12067.4 0 0 1 .576-153.161C180.27 92.681 214.571 55.214 256 55.1c41.428.114 75.731 37.581 76.258 78.976a12067.4 12067.4 0 0 1 .576 153.161c-.156 41.422-34.715 77.273-76.834 77.413-42.12-.14-76.678-35.991-76.834-77.413z"
/>
<path
fill="url(#k)"
d="M179.166 287.237a12067.4 12067.4 0 0 1 .576-153.161C180.27 92.681 214.571 55.214 256 55.1c41.428.114 75.731 37.581 76.258 78.976a12067.4 12067.4 0 0 1 .576 153.161c-.156 41.422-34.715 77.273-76.834 77.413-42.12-.14-76.678-35.991-76.834-77.413z"
/>
<path
fill="url(#l)"
d="M256 349.275c-50.619-.257-92.197-43.1-92.25-92.275-.004-40.667.242-81.333.74-122 .769-49.124 42.014-95.068 91.51-95.275 49.495.207 90.741 46.151 91.51 95.275.497 40.667.744 81.333.74 122-.052 49.175-41.63 92.018-92.25 92.275z"
/>
<path
fill="url(#m)"
d="M256 349.275c-50.619-.257-92.197-43.1-92.25-92.275-.004-40.667.242-81.333.74-122 .769-49.124 42.014-95.068 91.51-95.275 49.495.207 90.741 46.151 91.51 95.275.497 40.667.744 81.333.74 122-.052 49.175-41.63 92.018-92.25 92.275z"
/>
<path
fill="url(#n)"
d="M179.125 257.008c-.003-40.977.202-81.955.617-122.932C180.27 92.681 214.571 55.214 256 55.1c41.428.114 75.731 37.581 76.258 78.976.414 40.977.62 81.955.617 122.932-.031 41.431-34.608 76.744-76.875 76.892-42.266-.149-76.843-35.461-76.875-76.892z"
/>
<path
fill="url(#o)"
d="M179.125 257.008c-.003-40.977.202-81.955.617-122.932C180.27 92.681 214.571 55.214 256 55.1c41.428.114 75.731 37.581 76.258 78.976.414 40.977.62 81.955.617 122.932-.031 41.431-34.608 76.744-76.875 76.892-42.266-.149-76.843-35.461-76.875-76.892z"
/>
<path
fill="url(#p)"
d="M301.429 425.113c-.253 25.235-20.627 47.148-45.429 47.162-24.802-.015-45.176-21.928-45.429-47.163-.242-25.27 20.132-45.038 45.429-45.087 25.296.05 45.67 19.817 45.429 45.088z"
/>
<path
fill="url(#q)"
d="M286.286 425.689c-.111 16.91-13.681 31.21-30.286 31.211-16.605-.002-30.174-14.302-30.286-31.211-.108-16.925 13.461-30.272 30.286-30.289 16.825.017 30.395 13.364 30.286 30.289z"
/>
<path
fill="url(#r)"
d="M263.549 441.494c-16.659.141-30.244-14.02-30.324-30.954-.008-1.88.163-3.713.476-5.494-5.003 5.379-8.033 12.599-7.988 20.644.112 16.91 13.681 31.21 30.286 31.211 14.769.004 27.112-11.317 29.761-25.698-5.561 6.218-13.454 10.22-22.211 10.291z"
/>
<path
fill="url(#s)"
d="M256 287.775c-50.88-.282-92.38-41.574-92.074-90.775.123-20.667.311-41.333.564-62 .769-49.124 42.014-95.068 91.51-95.275 49.495.207 90.741 46.151 91.51 95.275.253 20.667.441 41.333.564 62 .305 49.201-41.193 90.493-92.074 90.775z"
/>
<path
fill="url(#t)"
d="M179.272 196.549c.103-20.825.259-41.649.47-62.474C180.27 92.681 214.571 55.214 256 55.1c41.428.114 75.731 37.581 76.258 78.976.211 20.825.367 41.649.47 62.474.217 41.449-34.295 75.684-76.728 75.851-42.434-.167-76.946-34.403-76.728-75.852z"
/>
<path
fill="url(#u)"
d="M179.272 196.549c.103-20.825.259-41.649.47-62.474C180.27 92.681 214.571 55.214 256 55.1c41.428.114 75.731 37.581 76.258 78.976.211 20.825.367 41.649.47 62.474.217 41.449-34.295 75.684-76.728 75.851-42.434-.167-76.946-34.403-76.728-75.852z"
/>
</svg>
More icons in the same style and category