Coins icon
keyline-icons:coins
The Coins icon (keyline-icons:coins) is a free SVG icon from the Keyline Icons set. It is drawn on a 24 × 24 grid. Keyline 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
- Keyline Icons
- Author
- Keyline Icons
- License
- MIT
- Size
- 24 × 24
- Tags
- coin
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M22 11.5C22 12.8807 19.7614 14 17 14C14.2386 14 12 12.8807 12 11.5C12 10.1193 14.2386 9 17 9C19.7614 9 22 10.1193 22 11.5ZM12 11.5L12 19.5C12 20.8807 14.2386 22 17 22C19.7614 22 22 20.8807 22 19.5L22 11.5M12 15.5C12 16.8807 14.2386 18 17 18C19.7614 18 22 16.8807 22 15.5M12 4.5C12 5.8807 9.7614 7 7 7C4.2386 7 2 5.8807 2 4.5C2 3.1193 4.2386 2 7 2C9.7614 2 12 3.1193 12 4.5ZM2 4.5L2 12.5C2 13.2504 2.6742 13.9612 3.8365 14.436C4.9987 14.9108 6.5261 15.0994 7.9968 14.9498M2 8.5C2 9.2523 2.6776 9.9647 3.8449 10.4394C5.0122 10.9142 6.545 11.1008 8.0182 10.9476"/></svg>
How to use the Coins icon
React
import { Icon } from "@iconify/react";
<Icon icon="keyline-icons:coins" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="keyline-icons:coins" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="keyline-icons:coins" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--coins]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:coins"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="keyline-icons:coins"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/keyline-icons/coins.svg" alt="Coins icon" width="24" height="24">
Related icons in Keyline Icons
Coins icon in other icon sets
Coins icon FAQ
Is the Coins icon free for commercial use?
Yes. Keyline 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="keyline-icons: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/keyline-icons/coins.svg" alt="Coins icon">, or paste the SVG code inline to style it with CSS.
Browse all Keyline Icons →
ICONYZ
