Card Index Dividers アイコン
emojione-v1:card-index-dividers
Card Index Dividers アイコン(emojione-v1:card-index-dividers)は、Emoji One (v1) セットの無料 SVG アイコンです（作者: Emoji One）。 64 × 64 のグリッドで描かれています。 Emoji One (v1) icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Emoji One (v1)
- 作者
- Emoji One
- ライセンス
- CC-BY-SA-4.0
- サイズ
- 64 × 64
- カテゴリ
- 物
- タグ
- cardindex、indexdividers、cardindexdividers、divider
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#bc7846" d="M61.35 30.762c1.952.509 3.075 2.686 2.506 4.872l-6.564 25.19c-.567 2.179-2.61 3.535-4.563 3.03l-31.895-8.313c-1.955-.511-3.077-2.691-2.509-4.87l6.564-25.19c.57-2.185 2.612-3.537 4.567-3.03l31.894 8.313"/><path fill="#ce864a" d="M57.46 25.776c2.144.252 3.649 2.392 3.367 4.789L57.57 58.189c-.282 2.389-2.246 4.125-4.391 3.871L18.2 57.938c-2.144-.254-3.651-2.398-3.37-4.787l3.257-27.625c.283-2.396 2.247-4.126 4.391-3.874z"/><path fill="#db9b61" d="M51.753 22.296c2.496 0 4.517 2.224 4.517 4.978v31.75c0 2.746-2.02 4.979-4.517 4.979H11.03c-2.496 0-4.517-2.229-4.517-4.979v-31.75c0-2.754 2.02-4.978 4.517-4.978z"/><g fill="#eabb8c"><path d="M48.564 22.296c2.498 0 4.521 2.224 4.521 4.978v31.75c0 2.746-2.02 4.979-4.521 4.979H7.841c-2.492 0-4.515-2.229-4.515-4.979v-31.75c0-2.754 2.02-4.978 4.515-4.978z"/><path d="M29.867 15.851c.842 0 1.524.75 1.524 1.679v10.709c0 .926-.682 1.679-1.524 1.679H16.13c-.841 0-1.523-.752-1.523-1.679V17.53c0-.929.682-1.679 1.523-1.679z"/></g><path fill="#405967" d="M35.11 63.65c0 .354-1.76.646-3.93.646H6.09c-2.174.001-3.934-.293-3.934-.646v-5.842c0-.357 1.76-.651 3.934-.651h25.09c2.17 0 3.93.294 3.93.651z"/><path fill="#d0d1d2" d="M13.607 60.08c0 .356-.306.649-.691.649H8.507c-.382 0-.694-.293-.694-.649v-5.838c0-.36.312-.647.694-.647h4.408c.386 0 .691.287.691.647z"/><path fill="#405967" d="M26.19 63.65c0 .354 1.76.646 3.931.646h25.09c2.176 0 3.938-.294 3.938-.646v-5.842c0-.357-1.762-.651-3.938-.651h-25.09c-2.172 0-3.932.294-3.932.651v5.842"/><path fill="#d0d1d2" d="M39.775 60.08c0 .356.308.649.692.649h4.412c.379 0 .688-.293.688-.649v-5.838c0-.36-.313-.647-.688-.647H40.47c-.389 0-.693.287-.693.647v5.838z"/></svg>
Card Index Dividers アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="emojione-v1:card-index-dividers" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="emojione-v1:card-index-dividers" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="emojione-v1:card-index-dividers" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-v1--card-index-dividers]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/emojione-v1 -->
<div class="i-emojione-v1:card-index-dividers"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="emojione-v1:card-index-dividers"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/emojione-v1/card-index-dividers.svg" alt="Card Index Dividers アイコン" width="24" height="24">
他のアイコンセットの Card Index Dividers アイコン
Card Index Dividers アイコン のよくある質問
Card Index Dividers アイコンは商用利用でも無料ですか?
はい。Emoji One (v1) icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Card Index Dividers アイコンを使うには?
@iconify/react をインストールして <Icon icon="emojione-v1:card-index-dividers" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Card Index Dividers アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/emojione-v1/card-index-dividers.svg" alt="Card Index Dividers アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Emoji One (v1) アイコン をすべて見る →
ICONYZ
