drupal logo
drupal from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- drupal
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.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 24 24"><path fill="currentColor" d="M15.78 5.113C14.09 3.425 12.48 1.815 11.998 0c-.48 1.815-2.09 3.425-3.778 5.113c-2.534 2.53-5.405 5.4-5.405 9.702a9.184 9.185 0 1 0 18.368 0c0-4.303-2.871-7.171-5.405-9.702M6.72 16.954c-.563-.019-2.64-3.6 1.215-7.416l2.55 2.788a.22.22 0 0 1-.016.325c-.61.625-3.204 3.227-3.527 4.126c-.066.186-.164.18-.222.177M12 21.677a3.16 3.16 0 0 1-3.158-3.159a3.3 3.3 0 0 1 .787-2.087c.57-.696 2.37-2.655 2.37-2.655s1.774 1.988 2.367 2.649a3.1 3.1 0 0 1 .792 2.093A3.16 3.16 0 0 1 12 21.677m6.046-5.123c-.068.15-.223.398-.431.405c-.371.014-.411-.177-.686-.583c-.604-.892-5.864-6.39-6.848-7.455c-.866-.935-.122-1.595.223-1.94C10.736 6.547 12 5.285 12 5.285s3.766 3.574 5.336 6.016s1.029 4.556.71 5.253"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsDrupal(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M15.78 5.113C14.09 3.425 12.48 1.815 11.998 0c-.48 1.815-2.09 3.425-3.778 5.113c-2.534 2.53-5.405 5.4-5.405 9.702a9.184 9.185 0 1 0 18.368 0c0-4.303-2.871-7.171-5.405-9.702M6.72 16.954c-.563-.019-2.64-3.6 1.215-7.416l2.55 2.788a.22.22 0 0 1-.016.325c-.61.625-3.204 3.227-3.527 4.126c-.066.186-.164.18-.222.177M12 21.677a3.16 3.16 0 0 1-3.158-3.159a3.3 3.3 0 0 1 .787-2.087c.57-.696 2.37-2.655 2.37-2.655s1.774 1.988 2.367 2.649a3.1 3.1 0 0 1 .792 2.093A3.16 3.16 0 0 1 12 21.677m6.046-5.123c-.068.15-.223.398-.431.405c-.371.014-.411-.177-.686-.583c-.604-.892-5.864-6.39-6.848-7.455c-.866-.935-.122-1.595.223-1.94C10.736 6.547 12 5.285 12 5.285s3.766 3.574 5.336 6.016s1.029 4.556.71 5.253"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M15.78 5.113C14.09 3.425 12.48 1.815 11.998 0c-.48 1.815-2.09 3.425-3.778 5.113c-2.534 2.53-5.405 5.4-5.405 9.702a9.184 9.185 0 1 0 18.368 0c0-4.303-2.871-7.171-5.405-9.702M6.72 16.954c-.563-.019-2.64-3.6 1.215-7.416l2.55 2.788a.22.22 0 0 1-.016.325c-.61.625-3.204 3.227-3.527 4.126c-.066.186-.164.18-.222.177M12 21.677a3.16 3.16 0 0 1-3.158-3.159a3.3 3.3 0 0 1 .787-2.087c.57-.696 2.37-2.655 2.37-2.655s1.774 1.988 2.367 2.649a3.1 3.1 0 0 1 .792 2.093A3.16 3.16 0 0 1 12 21.677m6.046-5.123c-.068.15-.223.398-.431.405c-.371.014-.411-.177-.686-.583c-.604-.892-5.864-6.39-6.848-7.455c-.866-.935-.122-1.595.223-1.94C10.736 6.547 12 5.285 12 5.285s3.766 3.574 5.336 6.016s1.029 4.556.71 5.253"/></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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M15.78%205.113C14.09%203.425%2012.48%201.815%2011.998%200c-.48%201.815-2.09%203.425-3.778%205.113c-2.534%202.53-5.405%205.4-5.405%209.702a9.184%209.185%200%201%200%2018.368%200c0-4.303-2.871-7.171-5.405-9.702M6.72%2016.954c-.563-.019-2.64-3.6%201.215-7.416l2.55%202.788a.22.22%200%200%201-.016.325c-.61.625-3.204%203.227-3.527%204.126c-.066.186-.164.18-.222.177M12%2021.677a3.16%203.16%200%200%201-3.158-3.159a3.3%203.3%200%200%201%20.787-2.087c.57-.696%202.37-2.655%202.37-2.655s1.774%201.988%202.367%202.649a3.1%203.1%200%200%201%20.792%202.093A3.16%203.16%200%200%201%2012%2021.677m6.046-5.123c-.068.15-.223.398-.431.405c-.371.014-.411-.177-.686-.583c-.604-.892-5.864-6.39-6.848-7.455c-.866-.935-.122-1.595.223-1.94C10.736%206.547%2012%205.285%2012%205.285s3.766%203.574%205.336%206.016s1.029%204.556.71%205.253%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M15.78%205.113C14.09%203.425%2012.48%201.815%2011.998%200c-.48%201.815-2.09%203.425-3.778%205.113c-2.534%202.53-5.405%205.4-5.405%209.702a9.184%209.185%200%201%200%2018.368%200c0-4.303-2.871-7.171-5.405-9.702M6.72%2016.954c-.563-.019-2.64-3.6%201.215-7.416l2.55%202.788a.22.22%200%200%201-.016.325c-.61.625-3.204%203.227-3.527%204.126c-.066.186-.164.18-.222.177M12%2021.677a3.16%203.16%200%200%201-3.158-3.159a3.3%203.3%200%200%201%20.787-2.087c.57-.696%202.37-2.655%202.37-2.655s1.774%201.988%202.367%202.649a3.1%203.1%200%200%201%20.792%202.093A3.16%203.16%200%200%201%2012%2021.677m6.046-5.123c-.068.15-.223.398-.431.405c-.371.014-.411-.177-.686-.583c-.604-.892-5.864-6.39-6.848-7.455c-.866-.935-.122-1.595.223-1.94C10.736%206.547%2012%205.285%2012%205.285s3.766%203.574%205.336%206.016s1.029%204.556.71%205.253%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/drupal.svg?color=%231a73e8&size=48
