Accordion アイコン
fluent-emoji-flat:accordion
Accordion アイコン(fluent-emoji-flat:accordion)は、Fluent Emoji Flat セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 32 × 32 のグリッドで描かれています。 Fluent Emoji Flat icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fluent Emoji Flat
- 作者
- Microsoft Corporation
- ライセンス
- MIT
- サイズ
- 32 × 32
- カテゴリ
- 物
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="#ffce7c" d="M11 10a4 4 0 0 1 4-4h6a4 4 0 0 1 4 4v13a4 4 0 0 1-4 4h-6a4 4 0 0 1-4-4z"/><path fill="#e19747" d="M20.109 5.502a.5.5 0 0 1 1 .017l-.393 21.49a.5.5 0 0 1-.999.011a.5.5 0 0 1-.467.46a.503.503 0 0 1-.53-.47L17.347 5.557a.497.497 0 0 1 .467-.528a.503.503 0 0 1 .531.47l1.371 21.453v.002zm-5.319-.277a.49.49 0 0 0-.417.564l3.32 21.259a.507.507 0 0 0 .571.422a.49.49 0 0 0 .418-.564l-3.32-21.259a.507.507 0 0 0-.571-.422"/><path fill="#f70a8d" d="M1.937 9.2a1 1 0 0 1 .729-1.212l8.732-2.177a1 1 0 0 1 1.213.728l5.08 20.376a1 1 0 0 1-.729 1.213L8.23 30.305a1 1 0 0 1-1.212-.729z"/><path fill="#fff" d="M3.393 8.837a.5.5 0 0 0-.365.606l.242.97a.5.5 0 0 0 .606.365l5.337-1.33l-.484-1.941zm.508 2.038a.5.5 0 0 0-.365.606l.242.97a.5.5 0 0 0 .606.364l5.337-1.33l-.484-1.94zm.144 2.643a.5.5 0 0 1 .364-.606l5.336-1.33l.484 1.94l-5.336 1.33a.5.5 0 0 1-.607-.363zm.872 1.432a.5.5 0 0 0-.365.606l.242.97a.5.5 0 0 0 .606.364l5.337-1.33l-.484-1.94zm.144 2.644a.5.5 0 0 1 .364-.606l5.336-1.331l.484 1.94l-5.336 1.331a.5.5 0 0 1-.607-.364zm.872 1.431a.5.5 0 0 0-.364.606l.241.97a.5.5 0 0 0 .607.365l5.336-1.33l-.484-1.941zm.144 2.644a.5.5 0 0 1 .364-.606l5.336-1.33l.484 1.94l-5.336 1.33a.5.5 0 0 1-.606-.364zm.872 1.431a.5.5 0 0 0-.364.606l.241.97a.5.5 0 0 0 .607.365l5.336-1.33l-.484-1.941zm.144 2.644a.5.5 0 0 1 .364-.606l5.336-1.33l.484 1.94l-5.336 1.33a.5.5 0 0 1-.606-.364zm.872 1.431a.5.5 0 0 0-.364.607l.242.97a.5.5 0 0 0 .606.364l5.336-1.33l-.483-1.941z"/><path fill="#321b41" d="M6.327 10.274a.5.5 0 0 1 .365-.606l2.425-.605l.242.97l-2.425.606a.5.5 0 0 1-.607-.365m.484 1.941a.5.5 0 0 1 .365-.606l2.425-.605l.242.97l-2.426.605a.5.5 0 0 1-.606-.364m1.412 3.542a.5.5 0 1 0 .242.97l2.425-.605l-.242-.97zm.136 2.541a.5.5 0 0 1 .364-.606l2.426-.605l.242.97l-2.426.605a.5.5 0 0 1-.606-.364m.848 1.457a.5.5 0 1 0 .241.97l2.426-.604l-.242-.97zm.728 4.66a.5.5 0 0 1 .364-.607l2.426-.604l.242.97l-2.426.605a.5.5 0 0 1-.606-.364m.83 1.494a.5.5 0 0 0 .241.97l2.426-.605l-.242-.97z"/><path fill="#f70a8d" d="M23.017 5.719a1 1 0 0 1 1.103-.886l4.97.545a1 1 0 0 1 .886 1.103l-2.287 20.875a1 1 0 0 1-1.103.885l-4.97-.544a1 1 0 0 1-.885-1.103z"/><path fill="#fff" d="M27.164 9.19a.5.5 0 1 0 .108-.993a.5.5 0 0 0-.108.994m-2.097.777a.5.5 0 1 0 .109-.994a.5.5 0 0 0-.11.994m-.327 2.982a.5.5 0 1 0 .109-.994a.5.5 0 0 0-.109.994m-.102 5.522a.5.5 0 1 1-.994-.11a.5.5 0 0 1 .994.11m-.878 3.425a.5.5 0 1 0 .109-.994a.5.5 0 0 0-.109.994m-.326 2.982a.5.5 0 1 0 .108-.994a.5.5 0 0 0-.108.994m1.53-9.39a.5.5 0 1 1-.993-.108a.5.5 0 0 1 .994.109m1.118 8.171a.5.5 0 1 1-.994-.109a.5.5 0 0 1 .994.109m-.225-2.54a.5.5 0 1 0 .109-.994a.5.5 0 0 0-.109.994m.878-3.424a.5.5 0 1 1-.994-.109a.5.5 0 0 1 .994.109m-.225-2.54a.5.5 0 1 0 .11-.994a.5.5 0 0 0-.11.994m.878-3.425a.5.5 0 1 1-.994-.108a.5.5 0 0 1 .994.108"/></g></svg>Accordion アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-flat:accordion" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-flat:accordion" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-flat:accordion" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--accordion]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat:accordion"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-flat:accordion"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/accordion.svg" alt="Accordion アイコン" width="24" height="24">他のアイコンセットの Accordion アイコン
Accordion アイコン のよくある質問
Accordion アイコンは商用利用でも無料ですか?
はい。Fluent Emoji Flat icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Accordion アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji-flat:accordion" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Accordion アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/accordion.svg" alt="Accordion アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。