Drupal icon

fa6-brands:drupal

The Drupal icon (fa6-brands:drupal) is a free SVG icon from the Font Awesome 6 Brands set by Dave Gandy. It is drawn on a 448 × 512 grid. Font Awesome 6 Brands icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Font Awesome 6 Brands
Author: Dave Gandy
License: CC-BY-4.0
Size: 448 × 512

Download SVG

SVG code

<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>

How to use the Drupal icon

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>

HTML image

<img src="https://iconyz.com/api/public/svg/fa6-brands/drupal.svg" alt="Drupal icon" width="24" height="24">

Drupal icon in other icon sets

Drupal icon FAQ

Is the Drupal icon free for commercial use?

Yes. Font Awesome 6 Brands icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.

How do I use the Drupal icon in React?

Install @iconify/react and render <Icon icon="fa6-brands:drupal" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Drupal icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fa6-brands/drupal.svg" alt="Drupal icon">, or paste the SVG code inline to style it with CSS.

Browse all Font Awesome 6 Brands icons →