jewelry icon
jewelry from IconPark by ByteDance · Color · Makeups · Apache-2.0 Free for personal and commercial use.
- Name
- jewelry
- Set
- IconPark
- Style
- Color
- Category
- Makeups
- Viewbox
- 48×48
- License
- Apache 2.0
The same icon in other sets
More makeups icons from IconPark
Use the jewelry icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke-width="4"><circle cx="24" cy="24" r="20" fill="#2F88FF" stroke="#000"/><path fill="#43CCF8" stroke="#fff" d="M20 24C20 17.6364 22.6275 15.3535 24 15C25.22 15.1768 28 17.2121 28 24C28 30.7879 25.22 33 24 33C22.6275 32.8232 20 30.3636 20 24Z"/><path stroke="#fff" d="M19.9995 22.9999C18.4464 21.4623 13.6179 21.8398 12.0002 21.9999C11.5149 23.7617 12.3521 27.4922 14.2934 29.4142C16.72 31.8166 18.6609 32.9999 23.9995 32.9999"/><path stroke="#fff" d="M28 22.9999C29.4358 21.4668 33.5044 21.8402 35 21.9999C35.2991 23.5969 35.1402 27.1878 32.6276 29.8707C30.115 32.5536 25.5 32.9999 24 32.9999"/></g></svg>
React
import type { SVGProps } from "react";
export function IconParkJewelry(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" strokeWidth="4"><circle cx="24" cy="24" r="20" fill="#2F88FF" stroke="#000"/><path fill="#43CCF8" stroke="#fff" d="M20 24C20 17.6364 22.6275 15.3535 24 15C25.22 15.1768 28 17.2121 28 24C28 30.7879 25.22 33 24 33C22.6275 32.8232 20 30.3636 20 24Z"/><path stroke="#fff" d="M19.9995 22.9999C18.4464 21.4623 13.6179 21.8398 12.0002 21.9999C11.5149 23.7617 12.3521 27.4922 14.2934 29.4142C16.72 31.8166 18.6609 32.9999 23.9995 32.9999"/><path stroke="#fff" d="M28 22.9999C29.4358 21.4668 33.5044 21.8402 35 21.9999C35.2991 23.5969 35.1402 27.1878 32.6276 29.8707C30.115 32.5536 25.5 32.9999 24 32.9999"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke-width="4"><circle cx="24" cy="24" r="20" fill="#2F88FF" stroke="#000"/><path fill="#43CCF8" stroke="#fff" d="M20 24C20 17.6364 22.6275 15.3535 24 15C25.22 15.1768 28 17.2121 28 24C28 30.7879 25.22 33 24 33C22.6275 32.8232 20 30.3636 20 24Z"/><path stroke="#fff" d="M19.9995 22.9999C18.4464 21.4623 13.6179 21.8398 12.0002 21.9999C11.5149 23.7617 12.3521 27.4922 14.2934 29.4142C16.72 31.8166 18.6609 32.9999 23.9995 32.9999"/><path stroke="#fff" d="M28 22.9999C29.4358 21.4668 33.5044 21.8402 35 21.9999C35.2991 23.5969 35.1402 27.1878 32.6276 29.8707C30.115 32.5536 25.5 32.9999 24 32.9999"/></g></svg> </template>
CSS
.icon-jewelry {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cg%20fill%3D%22none%22%20stroke-width%3D%224%22%3E%3Ccircle%20cx%3D%2224%22%20cy%3D%2224%22%20r%3D%2220%22%20fill%3D%22%232F88FF%22%20stroke%3D%22%23000%22%2F%3E%3Cpath%20fill%3D%22%2343CCF8%22%20stroke%3D%22%23fff%22%20d%3D%22M20%2024C20%2017.6364%2022.6275%2015.3535%2024%2015C25.22%2015.1768%2028%2017.2121%2028%2024C28%2030.7879%2025.22%2033%2024%2033C22.6275%2032.8232%2020%2030.3636%2020%2024Z%22%2F%3E%3Cpath%20stroke%3D%22%23fff%22%20d%3D%22M19.9995%2022.9999C18.4464%2021.4623%2013.6179%2021.8398%2012.0002%2021.9999C11.5149%2023.7617%2012.3521%2027.4922%2014.2934%2029.4142C16.72%2031.8166%2018.6609%2032.9999%2023.9995%2032.9999%22%2F%3E%3Cpath%20stroke%3D%22%23fff%22%20d%3D%22M28%2022.9999C29.4358%2021.4668%2033.5044%2021.8402%2035%2021.9999C35.2991%2023.5969%2035.1402%2027.1878%2032.6276%2029.8707C30.115%2032.5536%2025.5%2032.9999%2024%2032.9999%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cg%20fill%3D%22none%22%20stroke-width%3D%224%22%3E%3Ccircle%20cx%3D%2224%22%20cy%3D%2224%22%20r%3D%2220%22%20fill%3D%22%232F88FF%22%20stroke%3D%22%23000%22%2F%3E%3Cpath%20fill%3D%22%2343CCF8%22%20stroke%3D%22%23fff%22%20d%3D%22M20%2024C20%2017.6364%2022.6275%2015.3535%2024%2015C25.22%2015.1768%2028%2017.2121%2028%2024C28%2030.7879%2025.22%2033%2024%2033C22.6275%2032.8232%2020%2030.3636%2020%2024Z%22%2F%3E%3Cpath%20stroke%3D%22%23fff%22%20d%3D%22M19.9995%2022.9999C18.4464%2021.4623%2013.6179%2021.8398%2012.0002%2021.9999C11.5149%2023.7617%2012.3521%2027.4922%2014.2934%2029.4142C16.72%2031.8166%2018.6609%2032.9999%2023.9995%2032.9999%22%2F%3E%3Cpath%20stroke%3D%22%23fff%22%20d%3D%22M28%2022.9999C29.4358%2021.4668%2033.5044%2021.8402%2035%2021.9999C35.2991%2023.5969%2035.1402%2027.1878%2032.6276%2029.8707C30.115%2032.5536%2025.5%2032.9999%2024%2032.9999%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/icon-park/jewelry.svg?color=%231a73e8&size=48
