drupal logo

drupal from Font Awesome Brands by Dave Gandy · Brand · CC-BY-4.0 Attribution required.

Name: drupal
Set: Font Awesome Brands
Style: Brand
Viewbox: 640×640
License: CC BY 4.0

The same logo in other sets

drupalBoxicons Brands drupalCoreUI Brands drupalDevicon drupalFont Awesome 6 Brands drupalJam Icons drupalLine Awesome drupalSVG Logos drupalMaterial Design Icons drupalSimple Icons

Use the drupal logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>

React

import type { SVGProps } from "react";

export function Fa7BrandsDrupal(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
</template>

CSS

.icon-drupal {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M400.3%20172.1c-35.8-35.6-69.8-69.7-79.9-108.1c-10%2038.4-44.3%2072.5-80%20108.1c-53.6%2053.6-114.3%20114.3-114.3%20205.3c-2.4%20107.3%2082.7%20196.2%20190%20198.6s196.2-82.8%20198.5-190.1c.1-2.8.1-5.6%200-8.5c0-91.1-60.8-151.7-114.3-205.3M226%20395.1c-5.9%207.5-11%2015.6-15.2%2024.2c-.3.7-.8%201.3-1.3%201.8s-1.2.8-2%201h-1.7c-4.3%200-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%2012.7-34.7%2023.2-49.9c6.4-9.6%2013.5-18.9%2021-27.7l9.2%209.2l43.5%2044.4c.8.9%201.3%202.1%201.3%203.3s-.5%202.4-1.3%203.3l-45.4%2050.6zm96.6%20127.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%2016.2-34.4c14.2-16.9%2031.5-33.5%2050.3-55.3c22.3%2023.8%2036.9%2040.1%2051.2%2058c1.1%201.4%202.1%202.9%203%204.4c7.8%2011.1%2012%2024.4%2012%2038c0%208.8-1.7%2017.4-5%2025.5s-8.2%2015.5-14.4%2021.7s-13.5%2011.1-21.6%2014.5s-16.7%205.1-25.5%205.1h-.2zm126.1-106.8c-.4%201.4-1.2%202.6-2.3%203.6s-2.4%201.6-3.8%201.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%20505%200%200%201-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%201.2-15s4.4-9.2%208-12.7c11.4-11.4%2023-23%2033.8-34.9c12%2013.3%2024.8%2026%2037.4%2038.6c25.8%2024%2049.1%2050.5%2069.6%2079.1c17.3%2024.5%2026.7%2053.8%2027%2083.8c-.1%2012.9-2.2%2025.8-6%2038.2z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M400.3%20172.1c-35.8-35.6-69.8-69.7-79.9-108.1c-10%2038.4-44.3%2072.5-80%20108.1c-53.6%2053.6-114.3%20114.3-114.3%20205.3c-2.4%20107.3%2082.7%20196.2%20190%20198.6s196.2-82.8%20198.5-190.1c.1-2.8.1-5.6%200-8.5c0-91.1-60.8-151.7-114.3-205.3M226%20395.1c-5.9%207.5-11%2015.6-15.2%2024.2c-.3.7-.8%201.3-1.3%201.8s-1.2.8-2%201h-1.7c-4.3%200-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%2012.7-34.7%2023.2-49.9c6.4-9.6%2013.5-18.9%2021-27.7l9.2%209.2l43.5%2044.4c.8.9%201.3%202.1%201.3%203.3s-.5%202.4-1.3%203.3l-45.4%2050.6zm96.6%20127.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%2016.2-34.4c14.2-16.9%2031.5-33.5%2050.3-55.3c22.3%2023.8%2036.9%2040.1%2051.2%2058c1.1%201.4%202.1%202.9%203%204.4c7.8%2011.1%2012%2024.4%2012%2038c0%208.8-1.7%2017.4-5%2025.5s-8.2%2015.5-14.4%2021.7s-13.5%2011.1-21.6%2014.5s-16.7%205.1-25.5%205.1h-.2zm126.1-106.8c-.4%201.4-1.2%202.6-2.3%203.6s-2.4%201.6-3.8%201.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%20505%200%200%201-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%201.2-15s4.4-9.2%208-12.7c11.4-11.4%2023-23%2033.8-34.9c12%2013.3%2024.8%2026%2037.4%2038.6c25.8%2024%2049.1%2050.5%2069.6%2079.1c17.3%2024.5%2026.7%2053.8%2027%2083.8c-.1%2012.9-2.2%2025.8-6%2038.2z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa7-brands/drupal.svg?color=%231a73e8&size=48