bxs coin icon
bxs-coin from BoxIcons v2 by Boxicons · Regular · MIT Free for personal and commercial use.
- Name
- bxs-coin
- Set
- BoxIcons v2
- Style
- Regular
- Viewbox
- 24×24
- License
- MIT
Related icons in BoxIcons v2
bxs-add-to-queuebxs-adjustbxs-adjust-altbxs-alarmbxs-alarm-addbxs-alarm-exclamationbxs-alarm-offbxs-alarm-snoozebxs-albumbxs-ambulancebxs-analysebxs-angrybxs-archbxs-archivebxs-archive-inbxs-archive-outbxs-areabxs-arrow-from-bottombxs-arrow-from-leftbxs-arrow-from-rightbxs-arrow-from-topbxs-arrow-to-bottombxs-arrow-to-leftbxs-arrow-to-right
Use the bxs coin icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path d="M12 5C7.031 5 2 6.546 2 9.5S7.031 14 12 14c4.97 0 10-1.546 10-4.5S16.97 5 12 5zm-5 9.938v3c1.237.299 2.605.482 4 .541v-3a21.166 21.166 0 0 1-4-.541zm6 .54v3a20.994 20.994 0 0 0 4-.541v-3a20.994 20.994 0 0 1-4 .541zm6-1.181v3c1.801-.755 3-1.857 3-3.297v-3c0 1.44-1.199 2.542-3 3.297zm-14 3v-3C3.2 13.542 2 12.439 2 11v3c0 1.439 1.2 2.542 3 3.297z" fill="currentColor"/></svg>
React
import type { SVGProps } from "react";
export function BxBxsCoin(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path d="M12 5C7.031 5 2 6.546 2 9.5S7.031 14 12 14c4.97 0 10-1.546 10-4.5S16.97 5 12 5zm-5 9.938v3c1.237.299 2.605.482 4 .541v-3a21.166 21.166 0 0 1-4-.541zm6 .54v3a20.994 20.994 0 0 0 4-.541v-3a20.994 20.994 0 0 1-4 .541zm6-1.181v3c1.801-.755 3-1.857 3-3.297v-3c0 1.44-1.199 2.542-3 3.297zm-14 3v-3C3.2 13.542 2 12.439 2 11v3c0 1.439 1.2 2.542 3 3.297z" fill="currentColor"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path d="M12 5C7.031 5 2 6.546 2 9.5S7.031 14 12 14c4.97 0 10-1.546 10-4.5S16.97 5 12 5zm-5 9.938v3c1.237.299 2.605.482 4 .541v-3a21.166 21.166 0 0 1-4-.541zm6 .54v3a20.994 20.994 0 0 0 4-.541v-3a20.994 20.994 0 0 1-4 .541zm6-1.181v3c1.801-.755 3-1.857 3-3.297v-3c0 1.44-1.199 2.542-3 3.297zm-14 3v-3C3.2 13.542 2 12.439 2 11v3c0 1.439 1.2 2.542 3 3.297z" fill="currentColor"/></svg> </template>
CSS
.icon-bxs-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%20d%3D%22M12%205C7.031%205%202%206.546%202%209.5S7.031%2014%2012%2014c4.97%200%2010-1.546%2010-4.5S16.97%205%2012%205zm-5%209.938v3c1.237.299%202.605.482%204%20.541v-3a21.166%2021.166%200%200%201-4-.541zm6%20.54v3a20.994%2020.994%200%200%200%204-.541v-3a20.994%2020.994%200%200%201-4%20.541zm6-1.181v3c1.801-.755%203-1.857%203-3.297v-3c0%201.44-1.199%202.542-3%203.297zm-14%203v-3C3.2%2013.542%202%2012.439%202%2011v3c0%201.439%201.2%202.542%203%203.297z%22%20fill%3D%22currentColor%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%20d%3D%22M12%205C7.031%205%202%206.546%202%209.5S7.031%2014%2012%2014c4.97%200%2010-1.546%2010-4.5S16.97%205%2012%205zm-5%209.938v3c1.237.299%202.605.482%204%20.541v-3a21.166%2021.166%200%200%201-4-.541zm6%20.54v3a20.994%2020.994%200%200%200%204-.541v-3a20.994%2020.994%200%200%201-4%20.541zm6-1.181v3c1.801-.755%203-1.857%203-3.297v-3c0%201.44-1.199%202.542-3%203.297zm-14%203v-3C3.2%2013.542%202%2012.439%202%2011v3c0%201.439%201.2%202.542%203%203.297z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/bx/bxs-coin.svg?color=%231a73e8&size=48
