drupal logo
drupal from Font Awesome 6 Brands by Dave Gandy · Regular · CC-BY-4.0 Attribution required.
- Name
- drupal
- Set
- Font Awesome 6 Brands
- Style
- Regular
- Viewbox
- 448×512
- License
- CC BY 4.0
The same logo in other sets
Use the drupal logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
React
import type { SVGProps } from "react";
export function Fa6BrandsDrupal(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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> </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%20448%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M303.973%20108.136C268.2%2072.459%20234.187%2038.35%20224.047%200c-9.957%2038.35-44.25%2072.459-80.019%20108.136c-53.561%2053.564-114.312%20114.22-114.312%20205.3c-2.337%20107.3%2082.752%20196.18%20190.053%20198.517S415.948%20429.2%20418.285%20321.9q.091-4.231%200-8.464c0-91.08-60.751-151.736-114.312-205.3m-174.326%20223a130.3%20130.3%200%200%200-15.211%2024.153a4.98%204.98%200%200%201-3.319%202.766h-1.659c-4.333%200-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%20160.6%200%200%201%2023.231-49.873a291%20291%200%200%201%2021.022-27.657l9.219%209.219l43.512%2044.434a4.98%204.98%200%200%201%200%206.638L145.78%20312.33Zm96.612%20127.311a67.2%2067.2%200%200%201-49.781-111.915c14.2-16.871%2031.528-33.464%2050.334-55.313c22.309%2023.785%2036.875%2040.1%2051.164%2057.986a28.4%2028.4%200%200%201%202.95%204.425a65.9%2065.9%200%200%201%2011.984%2037.981a66.65%2066.65%200%200%201-66.466%2066.836ZM352.371%20351.6a7.74%207.74%200%200%201-6.176%205.347H344.9a11.25%2011.25%200%200%201-6.269-5.07a348%20348%200%200%200-39.456-48.952l-17.788-18.435l-59.087-61.305a498%20498%200%200%201-35.4-36.322a12%2012%200%200%200-.922-1.382a35.4%2035.4%200%200%201-4.7-9.219v-1.752a31.35%2031.35%200%200%201%209.218-27.656c11.432-11.431%2022.955-22.954%2033.833-34.939c11.984%2013.275%2024.8%2026%2037.428%2038.627a531%20531%200%200%201%2069.6%2079.1a147.5%20147.5%200%200%201%2027.011%2083.8a134.1%20134.1%200%200%201-5.997%2038.158%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%20448%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M303.973%20108.136C268.2%2072.459%20234.187%2038.35%20224.047%200c-9.957%2038.35-44.25%2072.459-80.019%20108.136c-53.561%2053.564-114.312%20114.22-114.312%20205.3c-2.337%20107.3%2082.752%20196.18%20190.053%20198.517S415.948%20429.2%20418.285%20321.9q.091-4.231%200-8.464c0-91.08-60.751-151.736-114.312-205.3m-174.326%20223a130.3%20130.3%200%200%200-15.211%2024.153a4.98%204.98%200%200%201-3.319%202.766h-1.659c-4.333%200-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%20160.6%200%200%201%2023.231-49.873a291%20291%200%200%201%2021.022-27.657l9.219%209.219l43.512%2044.434a4.98%204.98%200%200%201%200%206.638L145.78%20312.33Zm96.612%20127.311a67.2%2067.2%200%200%201-49.781-111.915c14.2-16.871%2031.528-33.464%2050.334-55.313c22.309%2023.785%2036.875%2040.1%2051.164%2057.986a28.4%2028.4%200%200%201%202.95%204.425a65.9%2065.9%200%200%201%2011.984%2037.981a66.65%2066.65%200%200%201-66.466%2066.836ZM352.371%20351.6a7.74%207.74%200%200%201-6.176%205.347H344.9a11.25%2011.25%200%200%201-6.269-5.07a348%20348%200%200%200-39.456-48.952l-17.788-18.435l-59.087-61.305a498%20498%200%200%201-35.4-36.322a12%2012%200%200%200-.922-1.382a35.4%2035.4%200%200%201-4.7-9.219v-1.752a31.35%2031.35%200%200%201%209.218-27.656c11.432-11.431%2022.955-22.954%2033.833-34.939c11.984%2013.275%2024.8%2026%2037.428%2038.627a531%20531%200%200%201%2069.6%2079.1a147.5%20147.5%200%200%201%2027.011%2083.8a134.1%20134.1%200%200%201-5.997%2038.158%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa6-brands/drupal.svg?color=%231a73e8&size=48
