coin icon
coin from Element Plus by Element Plus · Outline · MIT Free for personal and commercial use.
- Name
- coin
- Set
- Element Plus
- Style
- Outline
- Viewbox
- 1024×1024
- License
- MIT
The same icon in other sets
Use the coin icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="m162 580.7l29.8 59c-20.5 20-31.8 42-31.8 64.3c0 82.3 155.3 160 352 160s352-77.7 352-160c0-22.3-11.4-44.2-31.8-64.3l30.5-58.5C903.9 615.8 928 657.7 928 704c0 129.7-188.5 224-416 224S96 833.7 96 704c0-46.6 24.3-88.6 66-123.3"/><path fill="currentColor" d="m162 388.7l29.8 59c-20.5 20.1-31.8 42-31.8 64.3c0 82.3 155.3 160 352 160s352-77.7 352-160c0-22.3-11.4-44.2-31.8-64.3l30.5-58.5C903.9 423.8 928 465.7 928 512c0 129.7-188.5 224-416 224S96 641.7 96 512c0-46.6 24.3-88.6 66-123.3"/><path fill="currentColor" d="M512 544c-227.5 0-416-94.3-416-224S284.5 96 512 96s416 94.3 416 224s-188.5 224-416 224m0-64c196.7 0 352-77.7 352-160S708.7 160 512 160s-352 77.7-352 160s155.3 160 352 160"/></svg>
React
import type { SVGProps } from "react";
export function EpCoin(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="m162 580.7l29.8 59c-20.5 20-31.8 42-31.8 64.3c0 82.3 155.3 160 352 160s352-77.7 352-160c0-22.3-11.4-44.2-31.8-64.3l30.5-58.5C903.9 615.8 928 657.7 928 704c0 129.7-188.5 224-416 224S96 833.7 96 704c0-46.6 24.3-88.6 66-123.3"/><path fill="currentColor" d="m162 388.7l29.8 59c-20.5 20.1-31.8 42-31.8 64.3c0 82.3 155.3 160 352 160s352-77.7 352-160c0-22.3-11.4-44.2-31.8-64.3l30.5-58.5C903.9 423.8 928 465.7 928 512c0 129.7-188.5 224-416 224S96 641.7 96 512c0-46.6 24.3-88.6 66-123.3"/><path fill="currentColor" d="M512 544c-227.5 0-416-94.3-416-224S284.5 96 512 96s416 94.3 416 224s-188.5 224-416 224m0-64c196.7 0 352-77.7 352-160S708.7 160 512 160s-352 77.7-352 160s155.3 160 352 160"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="m162 580.7l29.8 59c-20.5 20-31.8 42-31.8 64.3c0 82.3 155.3 160 352 160s352-77.7 352-160c0-22.3-11.4-44.2-31.8-64.3l30.5-58.5C903.9 615.8 928 657.7 928 704c0 129.7-188.5 224-416 224S96 833.7 96 704c0-46.6 24.3-88.6 66-123.3"/><path fill="currentColor" d="m162 388.7l29.8 59c-20.5 20.1-31.8 42-31.8 64.3c0 82.3 155.3 160 352 160s352-77.7 352-160c0-22.3-11.4-44.2-31.8-64.3l30.5-58.5C903.9 423.8 928 465.7 928 512c0 129.7-188.5 224-416 224S96 641.7 96 512c0-46.6 24.3-88.6 66-123.3"/><path fill="currentColor" d="M512 544c-227.5 0-416-94.3-416-224S284.5 96 512 96s416 94.3 416 224s-188.5 224-416 224m0-64c196.7 0 352-77.7 352-160S708.7 160 512 160s-352 77.7-352 160s155.3 160 352 160"/></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%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m162%20580.7l29.8%2059c-20.5%2020-31.8%2042-31.8%2064.3c0%2082.3%20155.3%20160%20352%20160s352-77.7%20352-160c0-22.3-11.4-44.2-31.8-64.3l30.5-58.5C903.9%20615.8%20928%20657.7%20928%20704c0%20129.7-188.5%20224-416%20224S96%20833.7%2096%20704c0-46.6%2024.3-88.6%2066-123.3%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m162%20388.7l29.8%2059c-20.5%2020.1-31.8%2042-31.8%2064.3c0%2082.3%20155.3%20160%20352%20160s352-77.7%20352-160c0-22.3-11.4-44.2-31.8-64.3l30.5-58.5C903.9%20423.8%20928%20465.7%20928%20512c0%20129.7-188.5%20224-416%20224S96%20641.7%2096%20512c0-46.6%2024.3-88.6%2066-123.3%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M512%20544c-227.5%200-416-94.3-416-224S284.5%2096%20512%2096s416%2094.3%20416%20224s-188.5%20224-416%20224m0-64c196.7%200%20352-77.7%20352-160S708.7%20160%20512%20160s-352%2077.7-352%20160s155.3%20160%20352%20160%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%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m162%20580.7l29.8%2059c-20.5%2020-31.8%2042-31.8%2064.3c0%2082.3%20155.3%20160%20352%20160s352-77.7%20352-160c0-22.3-11.4-44.2-31.8-64.3l30.5-58.5C903.9%20615.8%20928%20657.7%20928%20704c0%20129.7-188.5%20224-416%20224S96%20833.7%2096%20704c0-46.6%2024.3-88.6%2066-123.3%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m162%20388.7l29.8%2059c-20.5%2020.1-31.8%2042-31.8%2064.3c0%2082.3%20155.3%20160%20352%20160s352-77.7%20352-160c0-22.3-11.4-44.2-31.8-64.3l30.5-58.5C903.9%20423.8%20928%20465.7%20928%20512c0%20129.7-188.5%20224-416%20224S96%20641.7%2096%20512c0-46.6%2024.3-88.6%2066-123.3%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M512%20544c-227.5%200-416-94.3-416-224S284.5%2096%20512%2096s416%2094.3%20416%20224s-188.5%20224-416%20224m0-64c196.7%200%20352-77.7%20352-160S708.7%20160%20512%20160s-352%2077.7-352%20160s155.3%20160%20352%20160%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ep/coin.svg?color=%231a73e8&size=48
