Icône Drupal Circle
jam:drupal-circle
L'icône Drupal Circle (jam:drupal-circle) est une icône SVG gratuite de la collection Jam Icons par Michael Amprimo. Elle est dessinée sur une grille de 24 × 24. Les Jam 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
- Jam Icons
- Auteur
- Michael Amprimo
- Licence
- MIT
- Taille
- 24 × 24
- Mots-clés
- drupalcircle
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M10 18a8 8 0 1 0 0-16a8 8 0 0 0 0 16m0 2C4.477 20 0 15.523 0 10S4.477 0 10 0s10 4.477 10 10s-4.477 10-10 10"/><path d="M12.194 6.827c-.512-.318-.996-.443-1.48-.762c-.299-.202-.714-.683-1.063-1.098c-.067.665-.27.936-.503 1.128c-.492.385-.801.5-1.227.732c-.358.183-2.3 1.339-2.3 3.825c0 2.485 2.097 4.315 4.426 4.315s4.351-1.685 4.351-4.238s-1.895-3.71-2.204-3.902m.04 7.169a2.1 2.1 0 0 1-1.016.404c-.522.048-1.228.077-1.653-.308c-.067-.068-.049-.163 0-.202c.048-.04.087-.068.145-.068c.059 0 .048 0 .078.02c.193.154.483.278 1.101.278c.619 0 1.054-.172 1.247-.317c.087-.068.126-.01.136.029c.01.038.029.096-.039.164zm-1.676-.811c.106-.097.28-.251.445-.318c.164-.068.25-.058.406-.058c.154 0 .32.01.435.087c.116.077.184.25.221.346c.04.097 0 .154-.076.193c-.067.038-.077.02-.145-.106c-.067-.125-.126-.25-.464-.25s-.445.115-.609.25s-.222.183-.28.106s-.04-.154.067-.25m3.489-1.837c0 .299-.096.838-.329 1.175c-.231.338-.376.463-.648.444c-.348-.03-1.044-1.108-1.488-1.128c-.56-.02-1.779 1.167-2.736 1.167c-.58 0-.754-.087-.947-.213c-.29-.202-.435-.51-.426-.934c.01-.752.715-1.455 1.605-1.464c1.13-.01 1.915 1.116 2.484 1.107c.484-.009 1.412-.954 1.867-.954c.483 0 .618.5.618.8"/></g></svg>Comment utiliser l'icône Drupal Circle
React
import { Icon } from "@iconify/react";
<Icon icon="jam:drupal-circle" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="jam:drupal-circle" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="jam:drupal-circle" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[jam--drupal-circle]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/jam -->
<div class="i-jam:drupal-circle"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="jam:drupal-circle"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/jam/drupal-circle.svg" alt="Icône Drupal Circle" width="24" height="24">Icônes similaires dans Jam Icons
FAQ : Icône Drupal Circle
L'icône Drupal Circle est-elle gratuite pour un usage commercial ?
Oui. Les Jam Icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Drupal Circle dans React ?
Installez @iconify/react et affichez <Icon icon="jam:drupal-circle" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Drupal Circle à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/jam/drupal-circle.svg" alt="Icône Drupal Circle">, ou collez le code SVG directement dans la page pour le styliser en CSS.