Icône Drupal
fa7-brands:drupal
L'icône Drupal (fa7-brands:drupal) est une icône SVG gratuite de la collection Font Awesome Brands par Dave Gandy. Elle est dessinée sur une grille de 640 × 640. Les Font Awesome Brands icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- Font Awesome Brands
- Auteur
- Dave Gandy
- Licence
- CC-BY-4.0
- Taille
- 640 × 640
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="640" height="640" viewBox="0 0 640 640"><path fill="currentColor" d="M400.3 172.1c-35.8-35.6-69.8-69.7-79.9-108.1c-10 38.4-44.3 72.5-80 108.1c-53.6 53.6-114.3 114.3-114.3 205.3c-2.4 107.3 82.7 196.2 190 198.6s196.2-82.8 198.5-190.1c.1-2.8.1-5.6 0-8.5c0-91.1-60.8-151.7-114.3-205.3M226 395.1c-5.9 7.5-11 15.6-15.2 24.2c-.3.7-.8 1.3-1.3 1.8s-1.2.8-2 1h-1.7c-4.3 0-9.2-8.5-9.2-8.5c-1.3-2-2.5-4.2-3.7-6.4l-.8-1.8c-11.2-25.7-1.5-62.3-1.5-62.3c4.8-17.8 12.7-34.7 23.2-49.9c6.4-9.6 13.5-18.9 21-27.7l9.2 9.2l43.5 44.4c.8.9 1.3 2.1 1.3 3.3s-.5 2.4-1.3 3.3l-45.4 50.6zm96.6 127.3c-12.9-.1-25.6-3.9-36.4-11s-19.4-17.1-24.6-28.9s-7-24.9-5-37.7s7.6-24.7 16.2-34.4c14.2-16.9 31.5-33.5 50.3-55.3c22.3 23.8 36.9 40.1 51.2 58c1.1 1.4 2.1 2.9 3 4.4c7.8 11.1 12 24.4 12 38c0 8.8-1.7 17.4-5 25.5s-8.2 15.5-14.4 21.7s-13.5 11.1-21.6 14.5s-16.7 5.1-25.5 5.1h-.2zm126.1-106.8c-.4 1.4-1.2 2.6-2.3 3.6s-2.4 1.6-3.8 1.8h-1.3c-2.6-.9-4.9-2.7-6.3-5.1c-11.6-17.5-24.9-33.9-39.5-49l-17.8-18.4l-59.1-61.3a505 505 0 0 1-35.4-36.3c-.3-.5-.6-.9-.9-1.4c-2-2.8-3.6-5.9-4.7-9.2v-1.8c-.8-5-.4-10.1 1.2-15s4.4-9.2 8-12.7c11.4-11.4 23-23 33.8-34.9c12 13.3 24.8 26 37.4 38.6c25.8 24 49.1 50.5 69.6 79.1c17.3 24.5 26.7 53.8 27 83.8c-.1 12.9-2.2 25.8-6 38.2z"/></svg>
Comment utiliser l'icône Drupal
React
import { Icon } from "@iconify/react";
<Icon icon="fa7-brands:drupal" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fa7-brands:drupal" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fa7-brands:drupal" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fa7-brands--drupal]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fa7-brands -->
<div class="i-fa7-brands:drupal"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fa7-brands:drupal"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/fa7-brands/drupal.svg" alt="Icône Drupal" width="24" height="24">
L'icône Drupal dans d'autres collections
FAQ : Icône Drupal
L'icône Drupal est-elle gratuite pour un usage commercial ?
Oui. Les Font Awesome Brands icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur.
Comment utiliser l'icône Drupal dans React ?
Installez @iconify/react et affichez <Icon icon="fa7-brands:drupal" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Drupal à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/fa7-brands/drupal.svg" alt="Icône Drupal">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les Icônes Font Awesome Brands →
ICONYZ
