Cardindexdividers アイコン
fxemoji:cardindexdividers
Cardindexdividers アイコン(fxemoji:cardindexdividers)は、Firefox OS Emoji セットの無料 SVG アイコンです（作者: Mozilla）。 512 × 512 のグリッドで描かれています。 Firefox OS Emoji icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Firefox OS Emoji
- 作者
- Mozilla
- ライセンス
- Apache-2.0
- サイズ
- 512 × 512
- カテゴリ
- 物
- タグ
- cardindexdivider
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#C6965C" d="m345.506 194.188l-22.645 18.459c-6.9 5.625-17.174 9.231-26.301 9.231H128.456c-12.896 0-27.249 7.089-32.06 15.833L8.71 397.099c-4.811 8.744 1.744 15.833 14.639 15.833h346.87c12.896 0 27.249-7.089 32.06-15.833l77.009-139.981l19.387-35.24l11.601-21.088c4.811-8.744-1.744-15.833-14.639-15.833h-123.83c-9.127.001-19.401 3.607-26.301 9.231"/><path fill="#D6A667" d="m311.029 163.947l-19.735 21.011c-6.014 6.403-15.719 10.507-24.846 10.507H98.343c-12.896 0-26.132 8.069-29.564 18.022L6.215 394.91c-3.432 9.953 4.239 18.022 17.135 18.022h346.87c12.896 0 26.132-8.069 29.564-18.022l54.946-159.334l13.832-40.112l8.277-24.003c3.432-9.953-4.239-18.022-17.135-18.022h-123.83c-9.126.001-18.831 4.105-24.845 10.508"/><path fill="#EAC083" d="m265.825 129.524l-15.921 23.916c-4.851 7.288-13.812 11.959-22.938 11.959H58.861c-12.896 0-24.667 9.184-26.292 20.513L2.943 392.418c-1.625 11.329 7.511 20.513 20.407 20.513h346.87c12.896 0 24.667-9.184 26.292-20.513l26.018-181.362l6.55-45.657l3.92-27.321c1.625-11.329-7.511-20.513-20.407-20.513h-123.83c-9.127-.001-18.087 4.671-22.938 11.959"/><path fill="#F9E7C0" d="m225.167 90.342l-12.49 27.223a23.35 23.35 0 0 1-21.222 13.613H23.349C10.454 131.177 0 141.631 0 154.526v235.056c0 12.896 10.454 23.349 23.349 23.349h346.87c12.896 0 23.349-10.454 23.349-23.349V100.078c0-12.896-10.454-23.349-23.349-23.349h-123.83a23.35 23.35 0 0 0-21.222 13.613"/></svg>Cardindexdividers アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:cardindexdividers" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:cardindexdividers" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:cardindexdividers" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--cardindexdividers]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:cardindexdividers"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:cardindexdividers"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/fxemoji/cardindexdividers.svg" alt="Cardindexdividers アイコン" width="24" height="24">Cardindexdividers アイコン のよくある質問
Cardindexdividers アイコンは商用利用でも無料ですか?
はい。Firefox OS Emoji icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Cardindexdividers アイコンを使うには?
@iconify/react をインストールして <Icon icon="fxemoji:cardindexdividers" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Cardindexdividers アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fxemoji/cardindexdividers.svg" alt="Cardindexdividers アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。