Drupal icon
Download the Drupal logo as free SVG or PNG. Customize its outline stroke. Copy React, Vue or Svelte code.
- drupal
- cms
- content-management
- php
- website
- open-source
- logo
- brand
- social
Size
Stroke
Color
- Category
- brand
- Styles
- Outline
- Component
- IconBrandDrupal
- License
- MIT · Paweł Kuna
- Files
-
outline/brand-drupal.svg
Code
Copy it the way you use it
brand-drupal.svg
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<path d="M12 2c0 4.308 -7 6 -7 12a7 7 0 0 0 14 0c0 -6 -7 -7.697 -7 -12" />
<path d="M12 11.33a65.753 65.753 0 0 1 -2.012 2.023c-1 .957 -1.988 1.967 -1.988 3.647c0 2.17 1.79 4 4 4s4 -1.827 4 -4c0 -1.676 -.989 -2.685 -1.983 -3.642c-.42 -.404 -2.259 -2.357 -5.517 -5.858l3.5 3.83" />
</svg>Use the Drupal icon
For a decorative icon beside text, add aria-hidden="true" to the SVG. For an icon-only control, put its accessible name on the button or link.
React example
import { IconBrandDrupal } from '@tabler/icons-react';
<IconBrandDrupal size={24} stroke={2} />Vue example
import { IconBrandDrupal } from '@tabler/icons-vue';
<IconBrandDrupal :size="24" :stroke="2" />Svelte 5 example
import { IconBrandDrupal } from '@tabler/icons-svelte-runes';
<IconBrandDrupal size={24} stroke={2} />Related