ICONYZ
English
Coins icon from Phosphor

Coins icon

ph:coins

The Coins icon (ph:coins) is a free SVG icon from the Phosphor set by Phosphor Icons. It is drawn on a 256 × 256 grid. Phosphor icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set
Phosphor
Author
Phosphor Icons
License
MIT
Size
256 × 256
Tags
cents, change, money, currency, payment, paying, purchase, price, sell, coin
Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="currentColor" d="M184 89.57V84c0-25.08-37.83-44-88-44S8 58.92 8 84v40c0 20.89 26.25 37.49 64 42.46V172c0 25.08 37.83 44 88 44s88-18.92 88-44v-40c0-20.7-25.42-37.32-64-42.43M232 132c0 13.22-30.79 28-72 28c-3.73 0-7.43-.13-11.08-.37C170.49 151.77 184 139 184 124v-18.26c29.87 4.45 48 16.53 48 26.26M72 150.25v-23.79A184 184 0 0 0 96 128a184 184 0 0 0 24-1.54v23.79A163 163 0 0 1 96 152a163 163 0 0 1-24-1.75m96-40.32V124c0 8.39-12.41 17.4-32 22.87V123.5c12.91-3.13 23.84-7.79 32-13.57M96 56c41.21 0 72 14.78 72 28s-30.79 28-72 28s-72-14.78-72-28s30.79-28 72-28m-72 68v-14.07c8.16 5.78 19.09 10.44 32 13.57v23.37C36.41 141.4 24 132.39 24 124m64 48v-4.17c2.63.1 5.29.17 8 .17c3.88 0 7.67-.13 11.39-.35a122 122 0 0 0 12.61 3.76v23.46c-19.59-5.47-32-14.48-32-22.87m48 26.25V174.4a179.5 179.5 0 0 0 24 1.6a184 184 0 0 0 24-1.54v23.79a165.5 165.5 0 0 1-48 0m64-3.38V171.5c12.91-3.13 23.84-7.79 32-13.57V172c0 8.39-12.41 17.4-32 22.87"/></svg>

How to use the Coins icon

React

import { Icon } from "@iconify/react";

<Icon icon="ph:coins" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="ph:coins" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="ph:coins" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[ph--coins]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/ph -->
<div class="i-ph:coins"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="ph:coins"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/ph/coins.svg" alt="Coins icon" width="24" height="24">

Related icons in Phosphor

Coins icon in other icon sets

Coins icon FAQ

Is the Coins icon free for commercial use?

Yes. Phosphor icons are released under the MIT license, which allows use in personal and commercial projects.

How do I use the Coins icon in React?

Install @iconify/react and render <Icon icon="ph:coins" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Coins icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/ph/coins.svg" alt="Coins icon">, or paste the SVG code inline to style it with CSS.

Browse all Phosphor icons →