Coin Outline icon
glyphs:coin-outline
The Coin Outline icon (glyphs:coin-outline) is a free SVG icon from the Glyphs set by Goran Spasojevic. It is drawn on a 80 × 80 grid. Glyphs 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
- Glyphs
- Author
- Goran Spasojevic
- License
- MIT
- Size
- 80 × 80
- Tags
- coinoutline
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none" fill-rule="evenodd" clip-rule="evenodd"><path fill="currentColor" fill-opacity=".25" d="m47.241 27.41l-4.028-5.434c-1.599-2.157-4.827-2.157-6.426 0l-4.028 5.433l-7.154.263c-4.222.155-5.352 5.9-1.503 7.641l3.19 1.444l-1.243 2.676c-1.482 3.192 1.584 6.605 4.916 5.472L40 41.833l9.035 3.072c3.333 1.133 6.398-2.28 4.916-5.472l-1.243-2.676l3.19-1.444c3.849-1.742 2.72-7.486-1.503-7.641zM40 24.357l4.028 5.433a4 4 0 0 0 3.066 1.615l7.154.263l-3.19 1.444a4 4 0 0 0-1.978 5.329l1.243 2.676l-9.035-3.073a4 4 0 0 0-2.576 0l-9.035 3.073l1.243-2.676a4 4 0 0 0-1.979-5.33l-3.19-1.443l7.155-.263a4 4 0 0 0 3.066-1.615z"/><path fill="currentColor" fill-opacity=".25" d="M19.039 19.23C13.598 23.116 10 28.664 10 35v10c0 6.336 3.6 11.884 9.039 15.77C24.481 64.658 31.899 67 40 67s15.518-2.342 20.962-6.23C66.4 56.884 70 51.336 70 45V35c0-6.336-3.6-11.884-9.038-15.77C55.518 15.342 48.1 13 40 13s-15.518 2.342-20.961 6.23m2.324 3.255C16.67 25.84 14 30.291 14 35s2.669 9.161 7.363 12.515C26.054 50.865 32.637 53 40 53s13.946-2.135 18.636-5.485C63.332 44.16 66 39.709 66 35s-2.669-9.161-7.364-12.515C53.947 19.135 47.364 17 40 17s-13.946 2.135-18.636 5.485M60.962 50.77c1.918-1.37 3.608-2.948 4.991-4.694c-.373 4.308-2.981 8.342-7.317 11.439C53.947 60.865 47.364 63 40 63s-13.946-2.135-18.636-5.485c-4.336-3.097-6.944-7.131-7.317-11.44l.106.134c1.363 1.693 3.016 3.225 4.885 4.56C24.482 54.659 31.9 57 40 57s15.518-2.342 20.962-6.23"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m47.241 27.41l-4.028-5.434c-1.599-2.157-4.827-2.157-6.426 0l-4.028 5.433l-7.154.263c-4.222.155-5.352 5.9-1.503 7.641l3.19 1.444l-1.243 2.676c-1.482 3.192 1.584 6.605 4.916 5.472L40 41.833l9.035 3.072c3.333 1.133 6.398-2.28 4.916-5.472l-1.243-2.676l3.19-1.444c3.849-1.742 2.72-7.486-1.503-7.641zM40 24.357l4.028 5.433a4 4 0 0 0 3.066 1.615l7.154.263l-3.19 1.444a4 4 0 0 0-1.978 5.329l1.243 2.676l-9.035-3.073a4 4 0 0 0-2.576 0l-9.035 3.073l1.243-2.676a4 4 0 0 0-1.979-5.33l-3.19-1.443l7.155-.263a4 4 0 0 0 3.066-1.615z"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M19.039 19.23C13.598 23.116 10 28.664 10 35v10c0 6.336 3.6 11.884 9.039 15.77C24.481 64.658 31.899 67 40 67s15.518-2.342 20.962-6.23C66.4 56.884 70 51.336 70 45V35c0-6.336-3.6-11.884-9.038-15.77C55.518 15.342 48.1 13 40 13s-15.518 2.342-20.961 6.23m2.324 3.255C16.67 25.84 14 30.291 14 35s2.669 9.161 7.363 12.515C26.054 50.865 32.637 53 40 53s13.946-2.135 18.636-5.485C63.332 44.16 66 39.709 66 35s-2.669-9.161-7.364-12.515C53.947 19.135 47.364 17 40 17s-13.946 2.135-18.636 5.485M60.962 50.77c1.918-1.37 3.608-2.948 4.991-4.694c-.373 4.308-2.981 8.342-7.317 11.439C53.947 60.865 47.364 63 40 63s-13.946-2.135-18.636-5.485c-4.336-3.097-6.944-7.131-7.317-11.44l.106.134c1.363 1.693 3.016 3.225 4.885 4.56C24.482 54.659 31.9 57 40 57s15.518-2.342 20.962-6.23"/></g></svg>How to use the Coin Outline icon
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs:coin-outline" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs:coin-outline" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs:coin-outline" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs--coin-outline]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs -->
<div class="i-glyphs:coin-outline"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs:coin-outline"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/glyphs/coin-outline.svg" alt="Coin Outline icon" width="24" height="24">Related icons in Glyphs
Coin Outline icon FAQ
Is the Coin Outline icon free for commercial use?
Yes. Glyphs icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Coin Outline icon in React?
Install @iconify/react and render <Icon icon="glyphs:coin-outline" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Coin Outline icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/glyphs/coin-outline.svg" alt="Coin Outline icon">, or paste the SVG code inline to style it with CSS.