Affirm Dark アイコン
thesvg-color:affirm-dark
Affirm Dark アイコン(thesvg-color:affirm-dark)は、theSVG Color セットの無料 SVG アイコンです（作者: thesvg.org）。 429 × 171 のグリッドで描かれています。 theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- theSVG Color
- 作者
- thesvg.org
- ライセンス
- MIT
- サイズ
- 429 × 171
- タグ
- affirmdark
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="429" height="171" viewBox="0 0 429 171"><g fill="none"><g fill="#000" clip-path="url(#SVG4E4M1cCc)"><path fill-rule="evenodd" d="M28.1 156.27c-5.3 0-8-2.61-8-6.9c0-8 8.92-10.69 25.19-12.42c0 10.66-7.21 19.32-17.24 19.32zm7-59.95c-11.63 0-25 5.47-32.26 11.26l6.63 14c5.82-5.33 15.23-9.89 23.72-9.89c8.07 0 12.53 2.7 12.53 8.14c0 3.65-2.95 5.5-8.53 6.23c-20.86 2.7-37.21 8.46-37.21 24.53c0 12.74 9.07 20.45 23.24 20.45c10.12 0 19.12-5.62 23.4-13v11h18.86v-46.09c0-19-13.19-26.67-30.37-26.67zm189.29 2.07v70.56h20.18v-34c0-16.15 9.78-20.9 16.59-20.9a15.47 15.47 0 0 1 8.63 2.55l3.69-18.65a22.8 22.8 0 0 0-9-1.63c-10.37 0-16.89 4.59-21.19 13.93V98.39zM367 96.32c-10.67 0-18.65 6.3-22.8 12.38c-3.85-7.85-12-12.38-21.8-12.38c-10.66 0-18.05 5.92-21.46 12.74V98.39h-19.46v70.56h20.2v-36.33c0-13 6.83-19.29 13.2-19.29c5.77 0 11.07 3.73 11.07 13.36v42.26h20.16v-36.33c0-13.19 6.66-19.29 13.33-19.29c5.34 0 11 3.88 11 13.22v42.4h20.16v-48.78c0-15.85-10.67-23.85-23.56-23.85m-191.76 2.07H157v-7.17c0-9.34 5.33-12 9.92-12a20.2 20.2 0 0 1 9 2.25l6.22-14.23s-6.31-4.12-17.78-4.12c-12.89 0-27.56 7.27-27.56 30.08v5.19h-30.55v-7.17c0-9.34 5.32-12 9.92-12c3.139 0 6.23.773 9 2.25l6.22-14.23c-3.71-2.17-9.68-4.12-17.77-4.12c-12.89 0-27.56 7.27-27.56 30.08v5.19H74.38v15.56h11.71v55h20.16v-55h30.59v55H157v-55h18.28z" clip-rule="evenodd"/><path d="M207.46 98.39h-20.14v70.53h20.14z"/><path fill-rule="evenodd" d="M188.06 86.4h19.73c11.51-36.19 50.56-68 97-68c56.48 0 105.29 43 105.29 109.94a137.6 137.6 0 0 1-5.6 40.61h19.15l.19-.66a162.2 162.2 0 0 0 4.74-39.89C428.56 53.75 374.16.02 304.83.02c-54.46 0-103 37.8-116.76 86.4z" clip-rule="evenodd"/></g><defs><clipPath id="SVG4E4M1cCc"><path fill="#fff" d="M0 0h428.55v171H0z"/></clipPath></defs></g></svg>Affirm Dark アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:affirm-dark" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:affirm-dark" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:affirm-dark" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--affirm-dark]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:affirm-dark"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:affirm-dark"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/thesvg-color/affirm-dark.svg" alt="Affirm Dark アイコン" width="24" height="24">theSVG Color の関連アイコン
Affirm Dark アイコン のよくある質問
Affirm Dark アイコンは商用利用でも無料ですか?
はい。theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Affirm Dark アイコンを使うには?
@iconify/react をインストールして <Icon icon="thesvg-color:affirm-dark" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Affirm Dark アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg-color/affirm-dark.svg" alt="Affirm Dark アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。