Coins icon
la:coins
The Coins icon (la:coins) is a free SVG icon from the Line Awesome set by Icons8. It is drawn on a 32 × 32 grid. Line Awesome icons are released under the Apache 2.0 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
- Line Awesome
- Author
- Icons8
- License
- Apache-2.0
- Size
- 32 × 32
- Category
- Finance
- Tags
- coin, coins solid
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M21 4c-1.793 0-3.418.336-4.688.969S14 6.633 14 8v4c0 .129.043.254.063.375A12.2 12.2 0 0 0 11 12c-1.793 0-3.418.336-4.688.969S4 14.633 4 16v8c0 1.367 1.043 2.398 2.313 3.031C7.582 27.664 9.207 28 11 28s3.418-.336 4.688-.969C16.956 26.398 18 25.367 18 24v-.406A11.7 11.7 0 0 0 21 24c1.793 0 3.418-.336 4.688-.969C26.956 22.398 28 21.367 28 20V8c0-1.367-1.043-2.398-2.313-3.031C24.419 4.336 22.794 4 21 4m0 2c1.523 0 2.879.328 3.781.781S26 7.711 26 8s-.316.766-1.219 1.219C23.88 9.672 22.523 10 21 10s-2.879-.328-3.781-.781S16 8.289 16 8s.316-.766 1.219-1.219C18.12 6.328 19.477 6 21 6m-5 4.844c.105.058.203.133.313.187c1.269.633 2.894.969 4.687.969s3.418-.336 4.688-.969c.109-.054.207-.129.312-.187V12c0 .29-.316.766-1.219 1.219c-.902.453-2.258.781-3.781.781s-2.879-.328-3.781-.781S16 12.289 16 12zM11 14c1.523 0 2.879.328 3.781.781S16 15.711 16 16s-.316.766-1.219 1.219c-.902.453-2.258.781-3.781.781s-2.879-.328-3.781-.781S6 16.289 6 16s.316-.766 1.219-1.219C8.12 14.328 9.477 14 11 14m15 .844V16c0 .29-.316.766-1.219 1.219c-.902.453-2.258.781-3.781.781a9.5 9.5 0 0 1-3-.469V16c0-.129-.043-.254-.063-.375c.93.242 1.961.375 3.063.375c1.793 0 3.418-.336 4.688-.969c.109-.054.207-.129.312-.187m-20 4c.105.058.203.133.313.187C7.582 19.664 9.207 20 11 20s3.418-.336 4.688-.969c.109-.054.207-.129.312-.187V20c0 .29-.316.766-1.219 1.219c-.902.453-2.258.781-3.781.781s-2.879-.328-3.781-.781S6 20.289 6 20zm20 0V20c0 .29-.316.766-1.219 1.219c-.902.453-2.258.781-3.781.781c-1.137 0-2.164-.16-3-.438v-1.937c.918.242 1.918.375 3 .375c1.793 0 3.418-.336 4.688-.969c.109-.054.207-.129.312-.187m-20 4c.105.058.203.133.313.187C7.582 23.664 9.207 24 11 24s3.418-.336 4.688-.969c.109-.054.207-.129.312-.187V24c0 .29-.316.766-1.219 1.219c-.902.453-2.258.781-3.781.781s-2.879-.328-3.781-.781S6 24.289 6 24z"/></svg>
How to use the Coins icon
React
import { Icon } from "@iconify/react";
<Icon icon="la:coins" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="la:coins" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="la:coins" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[la--coins]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/la -->
<div class="i-la:coins"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="la:coins"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/la/coins.svg" alt="Coins icon" width="24" height="24">
Coins icon in other icon sets
Coins icon FAQ
Is the Coins icon free for commercial use?
Yes. Line Awesome icons are released under the Apache 2.0 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="la: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/la/coins.svg" alt="Coins icon">, or paste the SVG code inline to style it with CSS.
Browse all Line Awesome icons →
ICONYZ
