coin icon
coin-fill from MingCute Icon by MingCute Design · Fill · Apache-2.0 Free for personal and commercial use.
- Name
- coin-fill
- Set
- MingCute Icon
- Style
- Fill
- Viewbox
- 24×24
- License
- Apache 2.0
1 other variant in MingCute Icon
The same icon in other sets
Related icons in MingCute Icon
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" fill-rule="evenodd" d="M12 5c-2.592 0-4.986.465-6.77 1.258c-.89.396-1.674.893-2.247 1.496C2.404 8.36 2 9.122 2 10v4c0 .878.404 1.639.983 2.246c.573.603 1.356 1.1 2.247 1.496C7.014 18.535 9.408 19 12 19s4.986-.465 6.77-1.258c.89-.396 1.674-.893 2.247-1.496c.579-.607.983-1.368.983-2.246v-4c0-.878-.404-1.639-.983-2.246c-.573-.603-1.356-1.1-2.247-1.496C16.986 5.465 14.592 5 12 5m8 8.08c-.375.246-.79.466-1.23.662C16.986 14.535 14.592 15 12 15s-4.986-.465-6.77-1.258A9 9 0 0 1 4 13.08V14c0 .227.1.518.432.868c.337.354.872.719 1.61 1.047C7.516 16.57 9.622 17 12 17s4.484-.43 5.958-1.085c.738-.328 1.273-.693 1.61-1.047c.333-.35.432-.641.432-.868z" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function MingcuteCoinFill(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" fillRule="evenodd" d="M12 5c-2.592 0-4.986.465-6.77 1.258c-.89.396-1.674.893-2.247 1.496C2.404 8.36 2 9.122 2 10v4c0 .878.404 1.639.983 2.246c.573.603 1.356 1.1 2.247 1.496C7.014 18.535 9.408 19 12 19s4.986-.465 6.77-1.258c.89-.396 1.674-.893 2.247-1.496c.579-.607.983-1.368.983-2.246v-4c0-.878-.404-1.639-.983-2.246c-.573-.603-1.356-1.1-2.247-1.496C16.986 5.465 14.592 5 12 5m8 8.08c-.375.246-.79.466-1.23.662C16.986 14.535 14.592 15 12 15s-4.986-.465-6.77-1.258A9 9 0 0 1 4 13.08V14c0 .227.1.518.432.868c.337.354.872.719 1.61 1.047C7.516 16.57 9.622 17 12 17s4.484-.43 5.958-1.085c.738-.328 1.273-.693 1.61-1.047c.333-.35.432-.641.432-.868z" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M12 5c-2.592 0-4.986.465-6.77 1.258c-.89.396-1.674.893-2.247 1.496C2.404 8.36 2 9.122 2 10v4c0 .878.404 1.639.983 2.246c.573.603 1.356 1.1 2.247 1.496C7.014 18.535 9.408 19 12 19s4.986-.465 6.77-1.258c.89-.396 1.674-.893 2.247-1.496c.579-.607.983-1.368.983-2.246v-4c0-.878-.404-1.639-.983-2.246c-.573-.603-1.356-1.1-2.247-1.496C16.986 5.465 14.592 5 12 5m8 8.08c-.375.246-.79.466-1.23.662C16.986 14.535 14.592 15 12 15s-4.986-.465-6.77-1.258A9 9 0 0 1 4 13.08V14c0 .227.1.518.432.868c.337.354.872.719 1.61 1.047C7.516 16.57 9.622 17 12 17s4.484-.43 5.958-1.085c.738-.328 1.273-.693 1.61-1.047c.333-.35.432-.641.432-.868z" clip-rule="evenodd"/></svg> </template>
CSS
.icon-coin-fill {
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%20fill-rule%3D%22evenodd%22%20d%3D%22M12%205c-2.592%200-4.986.465-6.77%201.258c-.89.396-1.674.893-2.247%201.496C2.404%208.36%202%209.122%202%2010v4c0%20.878.404%201.639.983%202.246c.573.603%201.356%201.1%202.247%201.496C7.014%2018.535%209.408%2019%2012%2019s4.986-.465%206.77-1.258c.89-.396%201.674-.893%202.247-1.496c.579-.607.983-1.368.983-2.246v-4c0-.878-.404-1.639-.983-2.246c-.573-.603-1.356-1.1-2.247-1.496C16.986%205.465%2014.592%205%2012%205m8%208.08c-.375.246-.79.466-1.23.662C16.986%2014.535%2014.592%2015%2012%2015s-4.986-.465-6.77-1.258A9%209%200%200%201%204%2013.08V14c0%20.227.1.518.432.868c.337.354.872.719%201.61%201.047C7.516%2016.57%209.622%2017%2012%2017s4.484-.43%205.958-1.085c.738-.328%201.273-.693%201.61-1.047c.333-.35.432-.641.432-.868z%22%20clip-rule%3D%22evenodd%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%20fill-rule%3D%22evenodd%22%20d%3D%22M12%205c-2.592%200-4.986.465-6.77%201.258c-.89.396-1.674.893-2.247%201.496C2.404%208.36%202%209.122%202%2010v4c0%20.878.404%201.639.983%202.246c.573.603%201.356%201.1%202.247%201.496C7.014%2018.535%209.408%2019%2012%2019s4.986-.465%206.77-1.258c.89-.396%201.674-.893%202.247-1.496c.579-.607.983-1.368.983-2.246v-4c0-.878-.404-1.639-.983-2.246c-.573-.603-1.356-1.1-2.247-1.496C16.986%205.465%2014.592%205%2012%205m8%208.08c-.375.246-.79.466-1.23.662C16.986%2014.535%2014.592%2015%2012%2015s-4.986-.465-6.77-1.258A9%209%200%200%201%204%2013.08V14c0%20.227.1.518.432.868c.337.354.872.719%201.61%201.047C7.516%2016.57%209.622%2017%2012%2017s4.484-.43%205.958-1.085c.738-.328%201.273-.693%201.61-1.047c.333-.35.432-.641.432-.868z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mingcute/coin-fill.svg?color=%231a73e8&size=48
