Card Index アイコン
fluent-emoji-high-contrast:card-index
Card Index アイコン(fluent-emoji-high-contrast:card-index)は、Fluent Emoji High Contrast セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 32 × 32 のグリッドで描かれています。 Fluent Emoji High Contrast icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fluent Emoji High Contrast
- 作者
- Microsoft Corporation
- ライセンス
- MIT
- サイズ
- 32 × 32
- カテゴリ
- 物
- タグ
- cardindex
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="currentColor"><path d="M14.254 11H9.746A.74.74 0 0 1 9 10.262V4.738A.74.74 0 0 1 9.746 4h4.508a.74.74 0 0 1 .746.738v5.524a.753.753 0 0 1-.746.738m2.806-6.5a.5.5 0 0 1 .5-.5h4.84a.5.5 0 0 1 0 1h-4.84a.5.5 0 0 1-.5-.5m0 4a.5.5 0 0 1 .5-.5h4.84a.5.5 0 0 1 0 1h-4.84a.5.5 0 0 1-.5-.5m.5-2.5a.5.5 0 0 0 0 1h4.84a.5.5 0 0 0 0-1zm-.5 4.5a.5.5 0 0 1 .5-.5h4.84a.5.5 0 0 1 0 1h-4.84a.5.5 0 0 1-.5-.5"/><path d="M6 3.367V9.98H3.68A2.675 2.675 0 0 0 1 12.65v4.15c0 1.247.848 2.293 2 2.593v7.467a4.124 4.124 0 0 0 4.12 4.12h17.76A4.124 4.124 0 0 0 29 26.86v-7.467c1.152-.3 2-1.346 2-2.593v-4.15a2.675 2.675 0 0 0-2.68-2.67H26V3.367C26 2.005 24.839 1 23.546 1H8.454C7.161 1 6 2.005 6 3.367M10 14v1H8.454C7.161 15 6 16.005 6 17.367v8.266C6 26.995 7.161 28 8.454 28h15.092C24.834 28 26 27.009 26 25.633v-8.266C26 16.005 24.839 15 23.546 15H22v-1h1.546c1.18 0 2.251-.838 2.428-2.02h2.346c.382 0 .68.306.68.67v4.15c0 .378-.302.68-.68.68H27v9.38c0 1.168-.952 2.12-2.12 2.12H7.12A2.124 2.124 0 0 1 5 26.86v-9.38H3.68A.677.677 0 0 1 3 16.8v-4.15c0-.364.298-.67.68-.67h2.346C6.203 13.162 7.274 14 8.454 14zm0-1H8.454C7.654 13 7 12.385 7 11.633V3.367C7 2.615 7.654 2 8.454 2h15.092c.8 0 1.454.615 1.454 1.367v8.266c0 .752-.654 1.367-1.454 1.367H22v-.28a.5.5 0 1 0-1 0V13H11v-.28a.5.5 0 1 0-1 0zm1 1h10v1H11zm10 2v.75a.5.5 0 0 0 1 0V16h1.546c.8 0 1.454.615 1.454 1.367v8.266c0 .762-.654 1.367-1.454 1.367H8.454C7.654 27 7 26.385 7 25.633v-8.266C7 16.615 7.654 16 8.454 16H10v.75a.5.5 0 0 0 1 0V16z"/></g></svg>
Card Index アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:card-index" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:card-index" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:card-index" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--card-index]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:card-index"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-high-contrast:card-index"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/card-index.svg" alt="Card Index アイコン" width="24" height="24">
Fluent Emoji High Contrast の関連アイコン
他のアイコンセットの Card Index アイコン
Card Index アイコン のよくある質問
Card Index アイコンは商用利用でも無料ですか?
はい。Fluent Emoji High Contrast icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Card Index アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji-high-contrast:card-index" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Card Index アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/card-index.svg" alt="Card Index アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Fluent Emoji High Contrast アイコン をすべて見る →
ICONYZ
