Add icons to this collection by clicking the heart icon.
Bangles icon - also known as ornament, fashion, jewelry, jewels, bangle, bracelet, and bangles. 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="d"
x1="74.98"
x2="437.019"
y1="437.019"
y2="74.98"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="e"
cx="256"
cy="255.999"
r="256"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff4d5e" stop-opacity=".6" />
<stop offset="1" stop-color="#fff200" stop-opacity="0" />
</radialGradient>
<linearGradient
id="f"
x1="-1040.81"
x2="-1040.81"
y1="1221.837"
y2="525.326"
gradientTransform="rotate(45 255.894 2090.59)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#fff200" stop-opacity="0" />
<stop offset=".391" stop-color="#fff001" stop-opacity=".244" />
<stop offset=".532" stop-color="#ffe905" stop-opacity=".332" />
<stop offset=".633" stop-color="#ffde0c" stop-opacity=".395" />
<stop offset=".714" stop-color="#ffcd15" stop-opacity=".445" />
<stop offset=".784" stop-color="#ffb722" stop-opacity=".489" />
<stop offset=".845" stop-color="#ff9b31" stop-opacity=".527" />
<stop offset=".901" stop-color="#ff7b44" stop-opacity=".562" />
<stop offset=".951" stop-color="#ff5758" stop-opacity=".593" />
<stop offset=".962" stop-color="#ff4d5e" stop-opacity=".6" />
</linearGradient>
<radialGradient
id="g"
cx="-1040.81"
cy="734.295"
r="172.554"
gradientTransform="rotate(45 255.894 2090.59)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="h"
x1="-1041.321"
x2="-1041.321"
y1="1185.064"
y2="486.174"
gradientTransform="rotate(45 255.894 2090.59)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="i"
cx="-1041.321"
cy="792.948"
r="172.746"
gradientTransform="rotate(45 255.894 2090.59)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="j"
x1="-1041.832"
x2="-1041.832"
y1="1090.33"
y2="475.55"
gradientTransform="rotate(45 255.894 2090.59)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="k"
cx="-1041.832"
cy="851.601"
r="172.554"
gradientTransform="rotate(45 255.894 2090.59)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#ffcb00" />
<stop offset="1" stop-color="#fffa78" />
</linearGradient>
<linearGradient
id="l"
x1="-1040.811"
x2="-1040.811"
y1="1387.479"
y2="447.505"
gradientTransform="rotate(45 255.894 2090.59)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="m"
x1="-1040.813"
x2="-1040.813"
y1="1559.625"
y2="425.247"
gradientTransform="rotate(45 255.894 2090.59)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffcb00" />
<stop offset=".5" stop-color="#fffa78" />
<stop offset=".729" stop-color="#fffcb4" />
<stop offset="1" stop-color="#fff" />
</linearGradient>
<linearGradient
id="n"
x1="-1041.831"
x2="-1041.831"
y1="1162.16"
y2="429.785"
gradientTransform="rotate(45 255.894 2090.59)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<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="M194.894 317.844c-58.032-57.671-57.059-149.367.674-207.525 57.448-58.519 146.747-57.114 205.22 1.624 58.757 58.456 60.151 147.76 1.616 205.212-58.175 57.735-149.841 58.722-207.51.689z"
/>
<path
fill="url(#g)"
d="M194.894 317.844c-58.032-57.671-57.059-149.367.674-207.525 57.448-58.519 146.747-57.114 205.22 1.624 58.757 58.456 60.151 147.76 1.616 205.212-58.175 57.735-149.841 58.722-207.51.689z"
/>
<ellipse cx="256" cy="256" fill="url(#h)" rx="146.091" ry="146.087" />
<ellipse cx="256" cy="256" fill="url(#i)" rx="146.091" ry="146.087" />
<path
fill="url(#j)"
d="M111.212 400.058c-58.757-58.457-60.151-147.76-1.616-205.213 58.175-57.735 149.84-58.721 207.51-.689 58.032 57.672 57.059 149.367-.674 207.525-57.448 58.519-146.747 57.115-205.22-1.623z"
/>
<path
fill="url(#k)"
d="M111.212 400.058c-58.757-58.457-60.151-147.76-1.616-205.213 58.175-57.735 149.84-58.721 207.51-.689 58.032 57.672 57.059 149.367-.674 207.525-57.448 58.519-146.747 57.115-205.22-1.623z"
/>
<path
fill="url(#l)"
d="M405.996 106.734c-61.614-61.926-155.227-63.471-215.722-1.772-60.828 61.282-61.917 157.549-.773 218.276 60.725 61.145 156.961 60.04 218.258-.789 61.717-60.5 60.185-154.119-1.763-215.715zm-205.702 205.71c-54.931-54.622-54.068-141.71.582-196.757 54.41-55.357 139.345-54.084 194.687 1.481 55.581 55.328 56.844 140.266 1.474 194.68-55.06 54.651-142.122 55.527-196.743.596z"
/>
<path
fill="url(#m)"
d="M363.909 148.825c-61.092-61.455-156.172-61.432-217.278.022-61.485 61.081-61.438 156.113.045 217.224 61.108 61.483 156.096 61.506 217.189.022 61.469-61.109 61.514-156.187.044-217.268zM157.32 355.424c-55.199-54.927-55.237-141.023-.036-195.926 54.924-55.177 141.058-55.194 195.971-.018 55.189 54.903 55.152 141.035-.036 195.962-54.914 55.2-140.973 55.183-195.899-.018z"
/>
<path
fill="url(#n)"
d="M322.5 188.762c-60.726-61.145-156.96-60.041-218.258.789-61.718 60.5-60.184 154.119 1.763 215.716 61.614 61.927 155.229 63.47 215.723 1.772 60.827-61.282 61.917-157.55.772-218.277zM116.436 394.833c-55.583-55.328-56.845-140.266-1.474-194.68 55.062-54.652 142.124-55.527 196.744-.596 54.932 54.623 54.067 141.709-.582 196.757-54.409 55.356-139.345 54.084-194.688-1.481z"
/>
</svg>
More icons in the same style and category