coin icon
coin from BoxIcons v2 Solid by Boxicons · Solid · MIT Free for personal and commercial use.
- Name
- coin
- Set
- BoxIcons v2 Solid
- Style
- Solid
- Viewbox
- 24×24
- License
- MIT
The same icon in other sets
Related icons in BoxIcons v2 Solid
Use the coin icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 5C7.031 5 2 6.546 2 9.5S7.031 14 12 14s10-1.546 10-4.5S16.97 5 12 5m-5 9.938v3c1.237.299 2.605.482 4 .541v-3a21 21 0 0 1-4-.541m6 .54v3a21 21 0 0 0 4-.541v-3a21 21 0 0 1-4 .541m6-1.181v3c1.801-.755 3-1.857 3-3.297v-3c0 1.44-1.199 2.542-3 3.297m-14 3v-3C3.2 13.542 2 12.439 2 11v3c0 1.439 1.2 2.542 3 3.297"/></svg>
React
import type { SVGProps } from "react";
export function BxsCoin(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 5C7.031 5 2 6.546 2 9.5S7.031 14 12 14s10-1.546 10-4.5S16.97 5 12 5m-5 9.938v3c1.237.299 2.605.482 4 .541v-3a21 21 0 0 1-4-.541m6 .54v3a21 21 0 0 0 4-.541v-3a21 21 0 0 1-4 .541m6-1.181v3c1.801-.755 3-1.857 3-3.297v-3c0 1.44-1.199 2.542-3 3.297m-14 3v-3C3.2 13.542 2 12.439 2 11v3c0 1.439 1.2 2.542 3 3.297"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 5C7.031 5 2 6.546 2 9.5S7.031 14 12 14s10-1.546 10-4.5S16.97 5 12 5m-5 9.938v3c1.237.299 2.605.482 4 .541v-3a21 21 0 0 1-4-.541m6 .54v3a21 21 0 0 0 4-.541v-3a21 21 0 0 1-4 .541m6-1.181v3c1.801-.755 3-1.857 3-3.297v-3c0 1.44-1.199 2.542-3 3.297m-14 3v-3C3.2 13.542 2 12.439 2 11v3c0 1.439 1.2 2.542 3 3.297"/></svg> </template>
CSS
.icon-coin {
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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%205C7.031%205%202%206.546%202%209.5S7.031%2014%2012%2014s10-1.546%2010-4.5S16.97%205%2012%205m-5%209.938v3c1.237.299%202.605.482%204%20.541v-3a21%2021%200%200%201-4-.541m6%20.54v3a21%2021%200%200%200%204-.541v-3a21%2021%200%200%201-4%20.541m6-1.181v3c1.801-.755%203-1.857%203-3.297v-3c0%201.44-1.199%202.542-3%203.297m-14%203v-3C3.2%2013.542%202%2012.439%202%2011v3c0%201.439%201.2%202.542%203%203.297%22%2F%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%205C7.031%205%202%206.546%202%209.5S7.031%2014%2012%2014s10-1.546%2010-4.5S16.97%205%2012%205m-5%209.938v3c1.237.299%202.605.482%204%20.541v-3a21%2021%200%200%201-4-.541m6%20.54v3a21%2021%200%200%200%204-.541v-3a21%2021%200%200%201-4%20.541m6-1.181v3c1.801-.755%203-1.857%203-3.297v-3c0%201.44-1.199%202.542-3%203.297m-14%203v-3C3.2%2013.542%202%2012.439%202%2011v3c0%201.439%201.2%202.542%203%203.297%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/bxs/coin.svg?color=%231a73e8&size=48
