Accordion アイコン
fluent-emoji-high-contrast:accordion
Accordion アイコン(fluent-emoji-high-contrast:accordion)は、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
- カテゴリ
- 物
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M23.017 5.719a1 1 0 0 1 1.103-.886l4.97.545a1 1 0 0 1 .885 1.103L27.69 27.356a1 1 0 0 1-1.103.885l-4.97-.544A1 1 0 0 1 20.77 27h-.053l.382-20.999a4 4 0 0 1 1.833.496zm4.147 3.472a.5.5 0 1 0 .108-.995a.5.5 0 0 0-.108.995m-2.097.776a.5.5 0 1 0 .108-.994a.5.5 0 0 0-.108.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 0-.994-.109a.5.5 0 0 0 .994.109m-.878 3.425a.5.5 0 1 0 .11-.994a.5.5 0 0 0-.11.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 0-.993-.108a.5.5 0 0 0 .994.109m1.118 8.17a.5.5 0 1 0-.994-.108a.5.5 0 0 0 .994.109m-.225-2.539a.5.5 0 1 0 .11-.994a.5.5 0 0 0-.11.994m.878-3.424a.5.5 0 1 0-.994-.11a.5.5 0 0 0 .994.11m-.225-2.54a.5.5 0 1 0 .11-.994a.5.5 0 0 0-.11.994m.878-3.425a.5.5 0 1 0-.994-.109a.5.5 0 0 0 .994.11M18.379 6h1.72l-.382 20.953v-.003zm-2.96 0h1.958l1.341 21h-.03a.5.5 0 0 0-.006-.096zm-1.005.043l3.227 20.67l.05.202a1 1 0 0 1-.729 1.212L8.23 30.305a1 1 0 0 1-1.212-.729L1.938 9.2a1 1 0 0 1 .728-1.212l8.732-2.177a1 1 0 0 1 1.213.728l.053.214a4 4 0 0 1 1.75-.71m-11.386 3.4l.242.97a.5.5 0 0 0 .606.365l2.437-.608a.5.5 0 0 1 .379-.502l2.425-.605l.096.384l-.484-1.94l-5.336 1.33a.5.5 0 0 0-.365.606m3.298.827l-2.425.605a.5.5 0 0 0-.364.606l.241.97a.5.5 0 0 0 .607.364l2.425-.604a.5.5 0 0 1 .366-.602l2.425-.605l.12.48l-.484-1.94l.122.49l-2.425.605a.5.5 0 0 1-.607-.365zm.517 2.035l-2.434.607a.5.5 0 0 0-.364.606l.241.97a.5.5 0 0 0 .607.365l5.336-1.33l-.484-1.941l.098.392l-2.426.605a.5.5 0 0 1-.574-.274m-2.29 3.251l.241.97a.5.5 0 0 0 .607.365l2.444-.61a.5.5 0 0 1 .378-.524l2.413-.602l-.383-1.536l-5.336 1.331a.5.5 0 0 0-.364.606m6.325.57l-2.413.601a.5.5 0 0 1-.602-.347l-2.438.608a.5.5 0 0 0-.364.606l.241.97a.5.5 0 0 0 .607.364l2.454-.612l-.004-.018a.5.5 0 0 1 .364-.606l2.397-.598zM8.401 18.41l-2.468.615a.5.5 0 0 0-.364.606l.242.97a.5.5 0 0 0 .606.365l2.425-.605a.5.5 0 0 1 .365-.606l2.425-.605l.121.485l-.391-1.57l-2.397.597a.5.5 0 0 1-.564-.252m.475 2.046l-2.435.607a.5.5 0 0 0-.364.606l.242.97a.5.5 0 0 0 .606.364l5.336-1.33l-.484-1.94l.097.388l-2.426.604a.5.5 0 0 1-.572-.27m-2.291 3.25l.242.97a.5.5 0 0 0 .606.365l2.503-.624v-.003a.5.5 0 0 1 .363-.606l2.349-.585l-.363-1.453L6.95 23.1a.5.5 0 0 0-.364.606m3.385.805l-2.513.627a.5.5 0 0 0-.364.606l.242.97a.5.5 0 0 0 .606.365l2.45-.611a.5.5 0 0 1 .373-.56l2.404-.599l-.278-1.116l-2.349.586a.5.5 0 0 1-.571-.268m.445 2.054l-2.45.61a.5.5 0 0 0-.364.607l.242.97a.5.5 0 0 0 .606.364l5.336-1.33l-.375-1.506l-2.404.599a.5.5 0 0 1-.59-.314"/></svg>
Accordion アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:accordion" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:accordion" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:accordion" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--accordion]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:accordion"></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:accordion"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/accordion.svg" alt="Accordion アイコン" width="24" height="24">
他のアイコンセットの Accordion アイコン
Accordion アイコン のよくある質問
Accordion アイコンは商用利用でも無料ですか?
はい。Fluent Emoji High Contrast icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Accordion アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji-high-contrast:accordion" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Accordion アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/accordion.svg" alt="Accordion アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Fluent Emoji High Contrast アイコン をすべて見る →
ICONYZ
