Icône Drupal
fa6-brands:drupal
L'icône Drupal (fa6-brands:drupal) est une icône SVG gratuite de la collection Font Awesome 6 Brands par Dave Gandy. Elle est dessinée sur une grille de 448 × 512. Les Font Awesome 6 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 6 Brands
- Auteur
- Dave Gandy
- Licence
- CC-BY-4.0
- Taille
- 448 × 512
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="448" height="512" viewBox="0 0 448 512"><path fill="currentColor" d="M303.973 108.136C268.2 72.459 234.187 38.35 224.047 0c-9.957 38.35-44.25 72.459-80.019 108.136c-53.561 53.564-114.312 114.22-114.312 205.3c-2.337 107.3 82.752 196.18 190.053 198.517S415.948 429.2 418.285 321.9q.091-4.231 0-8.464c0-91.08-60.751-151.736-114.312-205.3m-174.326 223a130.3 130.3 0 0 0-15.211 24.153a4.98 4.98 0 0 1-3.319 2.766h-1.659c-4.333 0-9.219-8.481-9.219-8.481c-1.29-2.028-2.489-4.149-3.687-6.361l-.83-1.752c-11.247-25.72-1.475-62.318-1.475-62.318a160.6 160.6 0 0 1 23.231-49.873a291 291 0 0 1 21.022-27.657l9.219 9.219l43.512 44.434a4.98 4.98 0 0 1 0 6.638L145.78 312.33Zm96.612 127.311a67.2 67.2 0 0 1-49.781-111.915c14.2-16.871 31.528-33.464 50.334-55.313c22.309 23.785 36.875 40.1 51.164 57.986a28.4 28.4 0 0 1 2.95 4.425a65.9 65.9 0 0 1 11.984 37.981a66.65 66.65 0 0 1-66.466 66.836ZM352.371 351.6a7.74 7.74 0 0 1-6.176 5.347H344.9a11.25 11.25 0 0 1-6.269-5.07a348 348 0 0 0-39.456-48.952l-17.788-18.435l-59.087-61.305a498 498 0 0 1-35.4-36.322a12 12 0 0 0-.922-1.382a35.4 35.4 0 0 1-4.7-9.219v-1.752a31.35 31.35 0 0 1 9.218-27.656c11.432-11.431 22.955-22.954 33.833-34.939c11.984 13.275 24.8 26 37.428 38.627a531 531 0 0 1 69.6 79.1a147.5 147.5 0 0 1 27.011 83.8a134.1 134.1 0 0 1-5.997 38.158"/></svg>
Comment utiliser l'icône Drupal
React
import { Icon } from "@iconify/react";
<Icon icon="fa6-brands:drupal" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fa6-brands:drupal" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fa6-brands:drupal" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fa6-brands--drupal]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fa6-brands -->
<div class="i-fa6-brands:drupal"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fa6-brands:drupal"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/fa6-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 6 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="fa6-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/fa6-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 6 Brands →
ICONYZ
