Drupal Icon icon
logos:drupal-icon
The Drupal Icon icon (logos:drupal-icon) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 256 × 256 grid. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- SVG Logos
- Author
- Gil Barbara
- License
- CC0-1.0
- Size
- 256 × 256
- Tags
- drupalicon
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="#009dde" d="M128.048 0C198.722.024 256 57.326 256 128v.048c-.024 70.686-57.35 127.976-128.047 127.952C57.266 255.976-.024 198.639 0 127.953S57.35-.024 128.048 0m-.654 32.92c-3.515 13.302-15.367 25.118-27.778 37.529c-18.562 18.61-39.666 39.666-39.666 71.292c.048 37.195 30.165 67.349 67.361 67.444c37.267 0 67.492-30.19 67.527-67.444c0-31.626-21.044-52.67-39.666-71.292l-1.663-1.664c-11.793-11.807-22.768-23.148-26.115-35.865m.915 100.994c7.743 8.254 12.66 13.943 17.754 20.154q.57.695 1.034 1.496c6.235 8.99 5.391 21.104-2.031 29.132c-8.74 9.465-23.49 10.047-32.956 1.307c-9.465-8.741-10.047-23.491-1.307-32.956c4.965-5.867 10.962-11.639 17.506-19.133M97.49 102.965l3.254 3.076l15.107 15.45a1.72 1.72 0 0 1 0 2.27l-15.795 17.457l-5.523 6.722a41 41 0 0 0-5.308 8.349c-.202.499-.63.867-1.152.985h-.558c-1.532-.13-3.29-2.957-3.29-2.957l-.28-.423a19 19 0 0 1-1.003-1.762l-.297-.641a40.03 40.03 0 0 1-.51-21.65l.204-.741a55.8 55.8 0 0 1 7.836-16.586a106 106 0 0 1 7.315-9.549m30-31.234c4.025 4.573 8.562 9.157 12.837 13.432l.095.297a183 183 0 0 1 24.132 27.47a51.04 51.04 0 0 1 9.454 29.012A44.9 44.9 0 0 1 172 155.208l-.066.177a2.73 2.73 0 0 1-2.072 1.664h-.427a3.87 3.87 0 0 1-2.186-1.758l-.716-1.075a118.7 118.7 0 0 0-12.977-16.038l-6.163-6.508l-20.546-21.4c-3.468-3.338-9.667-9.324-12.28-12.578a3 3 0 0 0-.297-.51a11.2 11.2 0 0 1-1.627-3.207v-.641a10.57 10.57 0 0 1 .808-6.164a11.4 11.4 0 0 1 2.316-3.29c3.978-3.978 7.957-7.873 11.721-12.149"/></svg>How to use the Drupal Icon icon
React
import { Icon } from "@iconify/react";
<Icon icon="logos:drupal-icon" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:drupal-icon" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:drupal-icon" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--drupal-icon]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:drupal-icon"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:drupal-icon"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/logos/drupal-icon.svg" alt="Drupal Icon icon" width="24" height="24">Related icons in SVG Logos
Drupal Icon icon FAQ
Is the Drupal Icon icon free for commercial use?
Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.
How do I use the Drupal Icon icon in React?
Install @iconify/react and render <Icon icon="logos:drupal-icon" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Drupal Icon icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/drupal-icon.svg" alt="Drupal Icon icon">, or paste the SVG code inline to style it with CSS.