Coins アイコン
reicon:coins
Coins アイコン(reicon:coins)は、Reicon セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Reicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M1.25 5.501c0-1.375 1.023-2.45 2.298-3.136C4.854 1.662 6.606 1.25 8.5 1.25s3.646.412 4.952 1.115c1.275.686 2.298 1.76 2.298 3.135v4.752c1.798.035 3.454.44 4.702 1.113c1.275.686 2.298 1.76 2.298 3.135v4c0 1.467-1.006 2.547-2.31 3.22c-1.312.678-3.064 1.03-4.94 1.03s-3.628-.352-4.94-1.03a6 6 0 0 1-.218-.117c-.589.096-1.206.147-1.842.147c-1.876 0-3.628-.352-4.94-1.03c-1.304-.672-2.31-1.753-2.31-3.22zm3.01-1.816c-1.078.58-1.51 1.257-1.51 1.815s.432 1.235 1.51 1.815c1.046.563 2.544.935 4.24.935s3.194-.372 4.24-.935c1.057-.57 1.493-1.23 1.51-1.783V5.48c-.01-.554-.445-1.22-1.51-1.794c-1.046-.563-2.544-.935-4.24-.935s-3.194.372-4.24.935m4.538 16.56A3.04 3.04 0 0 1 8.25 18.5v-.752c-1.782-.03-3.437-.38-4.69-1.027a6 6 0 0 1-.81-.503V17.5c0 .677.45 1.347 1.498 1.887c1.04.537 2.539.863 4.252.863q.15 0 .298-.004m-.548-3.997V14.5q.001-.393.106-.752c-1.822-.017-3.518-.369-4.796-1.029a6 6 0 0 1-.81-.503v1.3c.007.671.458 1.334 1.498 1.87c.99.511 2.393.83 4.002.86m1.095-4.033c.35-.328.761-.612 1.203-.85c.96-.517 2.16-.876 3.48-1.03q.217-.405.222-.81v-1.4a6 6 0 0 1-.798.51C12.146 9.338 10.394 9.75 8.5 9.75s-3.646-.412-4.952-1.115a6 6 0 0 1-.798-.51V9.5c0 .677.45 1.347 1.498 1.887c1.04.537 2.539.863 4.252.863q.432 0 .845-.035m1.914.47c-1.077.58-1.509 1.257-1.509 1.815s.432 1.235 1.51 1.814c1.046.564 2.544.936 4.24.936s3.194-.372 4.24-.936c1.058-.569 1.493-1.23 1.51-1.782v-.053c-.01-.554-.445-1.22-1.51-1.793c-1.046-.564-2.544-.936-4.24-.936s-3.194.372-4.24.935m9.99 5.815v-1.374a6 6 0 0 1-.798.51c-1.306.702-3.058 1.114-4.952 1.114s-3.646-.412-4.952-1.115a6 6 0 0 1-.798-.51V18.5c0 .677.45 1.347 1.498 1.887c1.04.537 2.539.863 4.252.863s3.212-.326 4.252-.863c1.048-.54 1.498-1.21 1.498-1.887" clip-rule="evenodd"/></svg>Coins アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="reicon:coins" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="reicon:coins" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="reicon:coins" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[reicon--coins]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/reicon -->
<div class="i-reicon:coins"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="reicon:coins"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/reicon/coins.svg" alt="Coins アイコン" width="24" height="24">Reicon の関連アイコン
他のアイコンセットの Coins アイコン
Coins アイコン のよくある質問
Coins アイコンは商用利用でも無料ですか?
はい。Reicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Coins アイコンを使うには?
@iconify/react をインストールして <Icon icon="reicon:coins" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Coins アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/reicon/coins.svg" alt="Coins アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。