Icône Sharp Arrow Drop Down Circle
ic:sharp-arrow-drop-down-circle
L'icône Sharp Arrow Drop Down Circle (ic:sharp-arrow-drop-down-circle) est une icône SVG gratuite de la collection Google Material Icons par Material Design Authors. Elle est dessinée sur une grille de 24 × 24. Les Google Material Icons sont publiées sous la licence Apache 2.0, 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
- Google Material Icons
- Auteur
- Material Design Authors
- Licence
- Apache-2.0
- Taille
- 24 × 24
- Catégorie
- Navigation
- Mots-clés
- app, application, arrow, components, direction, down, drop, interface, navigation, screen, site, ui, ux, web, website, sharparrow
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10s10-4.48 10-10S17.52 2 12 2m0 13l-4-4h8z"/></svg>
Comment utiliser l'icône Sharp Arrow Drop Down Circle
React
import { Icon } from "@iconify/react";
<Icon icon="ic:sharp-arrow-drop-down-circle" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ic:sharp-arrow-drop-down-circle" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ic:sharp-arrow-drop-down-circle" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ic--sharp-arrow-drop-down-circle]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ic -->
<div class="i-ic:sharp-arrow-drop-down-circle"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ic:sharp-arrow-drop-down-circle"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/ic/sharp-arrow-drop-down-circle.svg" alt="Icône Sharp Arrow Drop Down Circle" width="24" height="24">
Icônes similaires dans Google Material Icons
FAQ : Icône Sharp Arrow Drop Down Circle
L'icône Sharp Arrow Drop Down Circle est-elle gratuite pour un usage commercial ?
Oui. Les Google Material Icons sont publiées sous la licence Apache 2.0, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Sharp Arrow Drop Down Circle dans React ?
Installez @iconify/react et affichez <Icon icon="ic:sharp-arrow-drop-down-circle" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Sharp Arrow Drop Down Circle à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/ic/sharp-arrow-drop-down-circle.svg" alt="Icône Sharp Arrow Drop Down Circle">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les Google Material Icons →
ICONYZ
