Money Letter アイコン
streamline-kameleon-color:money-letter
Money Letter アイコン(streamline-kameleon-color:money-letter)は、Kameleon color icons セットの無料 SVG アイコンです（作者: Streamline）。 48 × 48 のグリッドで描かれています。 Kameleon color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Kameleon color icons
- 作者
- Streamline
- ライセンス
- CC-BY-4.0
- サイズ
- 48 × 48
- カテゴリ
- お金・ビジネス
- タグ
- moneyletter
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none"><path fill="#32bea6" d="M24 47.998c13.255 0 24-10.745 24-24C48 10.746 37.255 0 24 0S0 10.745 0 23.999s10.745 23.999 24 23.999"/><path fill="#e2e4e5" d="m10.037 20.508l13.44-10.08a.87.87 0 0 1 1.047 0l13.44 10.08L24 30.98z"/><path fill="#8ce3d4" d="M36.218 25.785a.75.75 0 0 1-.75.75h-22.5a.75.75 0 0 1-.75-.75v-12a.75.75 0 0 1 .75-.75h22.5a.75.75 0 0 1 .75.75z"/><path fill="#0d9681" d="M34.718 17.16v5.25a2.623 2.623 0 0 0-2.625 2.625h-15.75a2.623 2.623 0 0 0-2.625-2.625v-5.25a2.623 2.623 0 0 0 2.625-2.624h15.75a2.62 2.62 0 0 0 2.625 2.625"/><path fill="#c2f8f0" d="M31.719 20.91a1.124 1.124 0 1 0 0-2.247a1.124 1.124 0 0 0 0 2.248"/><path fill="#0d9681" d="M16.719 20.91a1.124 1.124 0 1 0 0-2.247a1.124 1.124 0 0 0 0 2.248"/><path fill="#c2f8f0" d="M16.343 25.035a2.62 2.62 0 0 0-2.625-2.625v-5.25a2.625 2.625 0 0 0 2.625-2.625h13.274l1.5-1.5H12.968a.75.75 0 0 0-.75.75v12c0 .414.336.75.75.75h4.65l1.5-1.5z"/><path fill="#17b198" d="M13.718 17.16v5.25a2.624 2.624 0 0 1 2.625 2.625h2.774l2.528-2.527a3.73 3.73 0 0 1-1.177-2.722a3.75 3.75 0 0 1 5.233-3.444c.469.203.89.499 1.24.87l2.677-2.676H16.343a2.623 2.623 0 0 1-2.625 2.625m4.126 2.626a1.124 1.124 0 1 1-2.247.045a1.124 1.124 0 0 1 2.247-.045"/><path fill="#c2f8f0" d="M24.218 23.536a3.75 3.75 0 1 0 0-7.501a3.75 3.75 0 0 0 0 7.5"/><path fill="#17b198" d="M24.213 17.845c.13 0 .234.104.234.234v.064c.229.031.45.105.653.216a.3.3 0 0 1 .162.27a.3.3 0 0 1-.306.302a.3.3 0 0 1-.158-.04a1.7 1.7 0 0 0-.373-.153v.684c.684.185.977.464.977.968s-.387.828-.955.891v.239a.233.233 0 0 1-.324.217a.23.23 0 0 1-.144-.217v-.243a2.25 2.25 0 0 1-.887-.315a.3.3 0 0 1-.153-.27c0-.176.135-.307.31-.307c.06 0 .122.023.176.059c.189.122.37.207.576.252v-.715c-.648-.176-.967-.424-.967-.96c0-.494.378-.828.945-.886v-.054a.23.23 0 0 1 .144-.218a.2.2 0 0 1 .09-.018M24 19.305v-.609c-.216.032-.31.14-.31.284c0 .14.062.234.31.324m.423.787v.626q.319-.049.32-.293c0-.149-.077-.248-.32-.333"/><path fill="#fff" d="M23.092 20.962a.3.3 0 0 1-.153-.27c0-.176.135-.306.31-.306c.059 0 .122.022.176.058c.061.04.122.07.183.101l.393-.393v-.171c-.648-.175-.967-.423-.967-.958c0-.495.378-.827.944-.886v-.054c0-.13.104-.234.234-.234s.234.104.234.234v.063c.229.032.45.105.653.216a.303.303 0 0 1 .139.387a.3.3 0 0 1-.283.184a.3.3 0 0 1-.158-.04a1.7 1.7 0 0 0-.373-.153v.683q.125.034.233.073l2.284-2.284a3.73 3.73 0 0 0-2.722-1.177a3.75 3.75 0 0 0-3.444 5.233c.202.468.499.89.87 1.24l1.512-1.512q-.034-.015-.065-.034m-6.374-.052a1.124 1.124 0 1 0 0-2.247a1.124 1.124 0 0 0 0 2.248"/><path fill="#fff" d="M24 18.701v.605c-.248-.088-.31-.186-.31-.326s.093-.248.31-.279m13.964 1.807L24 30.98L10.037 20.508v17.454h27.927z"/></g></svg>Money Letter アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-kameleon-color:money-letter" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-kameleon-color:money-letter" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-kameleon-color:money-letter" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-kameleon-color--money-letter]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-kameleon-color -->
<div class="i-streamline-kameleon-color:money-letter"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-kameleon-color:money-letter"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-kameleon-color/money-letter.svg" alt="Money Letter アイコン" width="24" height="24">Kameleon color icons の関連アイコン
Money Letter アイコン のよくある質問
Money Letter アイコンは商用利用でも無料ですか?
はい。Kameleon color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Money Letter アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-kameleon-color:money-letter" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Money Letter アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-kameleon-color/money-letter.svg" alt="Money Letter アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。