Icône Accordion
fluent-emoji-high-contrast:accordion
L'icône Accordion (fluent-emoji-high-contrast:accordion) est une icône SVG gratuite de la collection Fluent Emoji High Contrast par Microsoft Corporation. Elle est dessinée sur une grille de 32 × 32. Les Fluent Emoji High Contrast icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- Fluent Emoji High Contrast
- Auteur
- Microsoft Corporation
- Licence
- MIT
- Taille
- 32 × 32
- Catégorie
- Objets
Code 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>Comment utiliser l'icône 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 component
<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>Image HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/accordion.svg" alt="Icône Accordion" width="24" height="24">L'icône Accordion dans d'autres collections
FAQ : Icône Accordion
L'icône Accordion est-elle gratuite pour un usage commercial ?
Oui. Les Fluent Emoji High Contrast icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Accordion dans React ?
Installez @iconify/react et affichez <Icon icon="fluent-emoji-high-contrast:accordion" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Accordion à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/accordion.svg" alt="Icône Accordion">, ou collez le code SVG directement dans la page pour le styliser en CSS.