coins icon

coins-line from Majesticons by Gerrit Halfmann · Line · MIT Free for personal and commercial use.

Name: coins-line
Set: Majesticons
Style: Line
Viewbox: 24×24
License: MIT

1 other variant in Majesticons

The same icon in other sets

coinsFont Awesome 6 Solid coinsFont Awesome Solid coinsHealth Icons coinsHumbleicons coinsIconoir coinsLine Awesome coinsLucide coinsPhosphor coinsPixelarticons coins-fillRemix Icon coinsTabler Icons coinsUnicons

Use the coins icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M21 8c0-1.657-3.134-3-7-3S7 6.343 7 8m14 0v4c0 1.02-1.186 1.92-3 2.462c-1.134.34-2.513.538-4 .538s-2.866-.199-4-.538C8.187 13.92 7 13.02 7 12V8m14 0c0 1.02-1.186 1.92-3 2.462c-1.134.34-2.513.538-4 .538s-2.866-.199-4-.538C8.187 9.92 7 9.02 7 8"/><path d="M3 12v4c0 1.02 1.187 1.92 3 2.462c1.134.34 2.513.538 4 .538s2.866-.199 4-.538c1.813-.542 3-1.442 3-2.462v-1M3 12c0-1.197 1.635-2.23 4-2.711M3 12c0 1.02 1.187 1.92 3 2.462c1.134.34 2.513.538 4 .538c.695 0 1.366-.043 2-.124"/></g></svg>

React

import type { SVGProps } from "react";

export function MajesticonsCoinsLine(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="2"><path d="M21 8c0-1.657-3.134-3-7-3S7 6.343 7 8m14 0v4c0 1.02-1.186 1.92-3 2.462c-1.134.34-2.513.538-4 .538s-2.866-.199-4-.538C8.187 13.92 7 13.02 7 12V8m14 0c0 1.02-1.186 1.92-3 2.462c-1.134.34-2.513.538-4 .538s-2.866-.199-4-.538C8.187 9.92 7 9.02 7 8"/><path d="M3 12v4c0 1.02 1.187 1.92 3 2.462c1.134.34 2.513.538 4 .538s2.866-.199 4-.538c1.813-.542 3-1.442 3-2.462v-1M3 12c0-1.197 1.635-2.23 4-2.711M3 12c0 1.02 1.187 1.92 3 2.462c1.134.34 2.513.538 4 .538c.695 0 1.366-.043 2-.124"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M21 8c0-1.657-3.134-3-7-3S7 6.343 7 8m14 0v4c0 1.02-1.186 1.92-3 2.462c-1.134.34-2.513.538-4 .538s-2.866-.199-4-.538C8.187 13.92 7 13.02 7 12V8m14 0c0 1.02-1.186 1.92-3 2.462c-1.134.34-2.513.538-4 .538s-2.866-.199-4-.538C8.187 9.92 7 9.02 7 8"/><path d="M3 12v4c0 1.02 1.187 1.92 3 2.462c1.134.34 2.513.538 4 .538s2.866-.199 4-.538c1.813-.542 3-1.442 3-2.462v-1M3 12c0-1.197 1.635-2.23 4-2.711M3 12c0 1.02 1.187 1.92 3 2.462c1.134.34 2.513.538 4 .538c.695 0 1.366-.043 2-.124"/></g></svg>
</template>

CSS

.icon-coins-line {
  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%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M21%208c0-1.657-3.134-3-7-3S7%206.343%207%208m14%200v4c0%201.02-1.186%201.92-3%202.462c-1.134.34-2.513.538-4%20.538s-2.866-.199-4-.538C8.187%2013.92%207%2013.02%207%2012V8m14%200c0%201.02-1.186%201.92-3%202.462c-1.134.34-2.513.538-4%20.538s-2.866-.199-4-.538C8.187%209.92%207%209.02%207%208%22%2F%3E%3Cpath%20d%3D%22M3%2012v4c0%201.02%201.187%201.92%203%202.462c1.134.34%202.513.538%204%20.538s2.866-.199%204-.538c1.813-.542%203-1.442%203-2.462v-1M3%2012c0-1.197%201.635-2.23%204-2.711M3%2012c0%201.02%201.187%201.92%203%202.462c1.134.34%202.513.538%204%20.538c.695%200%201.366-.043%202-.124%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%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M21%208c0-1.657-3.134-3-7-3S7%206.343%207%208m14%200v4c0%201.02-1.186%201.92-3%202.462c-1.134.34-2.513.538-4%20.538s-2.866-.199-4-.538C8.187%2013.92%207%2013.02%207%2012V8m14%200c0%201.02-1.186%201.92-3%202.462c-1.134.34-2.513.538-4%20.538s-2.866-.199-4-.538C8.187%209.92%207%209.02%207%208%22%2F%3E%3Cpath%20d%3D%22M3%2012v4c0%201.02%201.187%201.92%203%202.462c1.134.34%202.513.538%204%20.538s2.866-.199%204-.538c1.813-.542%203-1.442%203-2.462v-1M3%2012c0-1.197%201.635-2.23%204-2.711M3%2012c0%201.02%201.187%201.92%203%202.462c1.134.34%202.513.538%204%20.538c.695%200%201.366-.043%202-.124%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/majesticons/coins-line.svg?color=%231a73e8&size=48