Icône Caret Down Circle
zmdi:caret-down-circle
L'icône Caret Down Circle (zmdi:caret-down-circle) est une icône SVG gratuite de la collection Material Design Iconic Font par MDI Community. Elle est dessinée sur une grille de 432 × 432. Les Material Design Iconic Font icons sont publiées sous la Open Font License, 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
- Material Design Iconic Font
- Auteur
- MDI Community
- Licence
- OFL-1.1
- Taille
- 432 × 432
- Mots-clés
- caretdown, downcircle, caretdowncircle
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="432" height="432" viewBox="0 0 432 432"><path fill="currentColor" d="M213.5 3q88.5 0 151 62.5T427 216t-62.5 150.5t-151 62.5t-151-62.5T0 216T62.5 65.5T213.5 3M107 173l106 107l107-107z"/></svg>
Comment utiliser l'icône Caret Down Circle
React
import { Icon } from "@iconify/react";
<Icon icon="zmdi:caret-down-circle" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="zmdi:caret-down-circle" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="zmdi:caret-down-circle" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[zmdi--caret-down-circle]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/zmdi -->
<div class="i-zmdi:caret-down-circle"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="zmdi:caret-down-circle"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/zmdi/caret-down-circle.svg" alt="Icône Caret Down Circle" width="24" height="24">
Icônes similaires dans Material Design Iconic Font
L'icône Caret Down Circle dans d'autres collections
FAQ : Icône Caret Down Circle
L'icône Caret Down Circle est-elle gratuite pour un usage commercial ?
Oui. Les Material Design Iconic Font icons sont publiées sous la Open Font License, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Caret Down Circle dans React ?
Installez @iconify/react et affichez <Icon icon="zmdi:caret-down-circle" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Caret Down Circle à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/zmdi/caret-down-circle.svg" alt="Icône Caret Down Circle">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les Icônes Material Design Iconic Font →
ICONYZ
