drupal logo
drupal from Boxicons Brands by Boxicons · Logo · MIT Free for personal and commercial use.
- Name
- drupal
- Set
- Boxicons Brands
- Style
- Logo
- Viewbox
- 24×24
- License
- MIT
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="M11.474 14.42a3.162 3.162 0 1 0 0 6.324a3.162 3.162 0 0 0 0-6.324m3.936-.606a5.43 5.43 0 0 1 1.513 3.769a5.44 5.44 0 0 1-2.335 4.47c2.609-.803 4.771-2.767 5.737-5.142c1.338-3.288.09-5.761-1.999-8.005c.066.288.103.592.103.898a4.175 4.175 0 0 1-3.019 4.01m-3.577-4.003c0 1.34 1.087 2.419 2.42 2.419s2.423-1.087 2.423-2.419a2.42 2.42 0 0 0-2.417-2.417a2.425 2.425 0 0 0-2.426 2.417"/><path fill="currentColor" d="M7.303 21.093a5.44 5.44 0 0 1-1.276-3.51a5.44 5.44 0 0 1 4.8-5.408a4.162 4.162 0 0 1 3.99-6.492c-1.361-1.176-2.724-2.369-3.799-3.672c.547 5.714-5.2 3.638-7.332 8.904c-1.422 3.527-.138 7.892 3.617 10.178"/></svg>
React
import type { SVGProps } from "react";
export function BxlDrupal(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="M11.474 14.42a3.162 3.162 0 1 0 0 6.324a3.162 3.162 0 0 0 0-6.324m3.936-.606a5.43 5.43 0 0 1 1.513 3.769a5.44 5.44 0 0 1-2.335 4.47c2.609-.803 4.771-2.767 5.737-5.142c1.338-3.288.09-5.761-1.999-8.005c.066.288.103.592.103.898a4.175 4.175 0 0 1-3.019 4.01m-3.577-4.003c0 1.34 1.087 2.419 2.42 2.419s2.423-1.087 2.423-2.419a2.42 2.42 0 0 0-2.417-2.417a2.425 2.425 0 0 0-2.426 2.417"/><path fill="currentColor" d="M7.303 21.093a5.44 5.44 0 0 1-1.276-3.51a5.44 5.44 0 0 1 4.8-5.408a4.162 4.162 0 0 1 3.99-6.492c-1.361-1.176-2.724-2.369-3.799-3.672c.547 5.714-5.2 3.638-7.332 8.904c-1.422 3.527-.138 7.892 3.617 10.178"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11.474 14.42a3.162 3.162 0 1 0 0 6.324a3.162 3.162 0 0 0 0-6.324m3.936-.606a5.43 5.43 0 0 1 1.513 3.769a5.44 5.44 0 0 1-2.335 4.47c2.609-.803 4.771-2.767 5.737-5.142c1.338-3.288.09-5.761-1.999-8.005c.066.288.103.592.103.898a4.175 4.175 0 0 1-3.019 4.01m-3.577-4.003c0 1.34 1.087 2.419 2.42 2.419s2.423-1.087 2.423-2.419a2.42 2.42 0 0 0-2.417-2.417a2.425 2.425 0 0 0-2.426 2.417"/><path fill="currentColor" d="M7.303 21.093a5.44 5.44 0 0 1-1.276-3.51a5.44 5.44 0 0 1 4.8-5.408a4.162 4.162 0 0 1 3.99-6.492c-1.361-1.176-2.724-2.369-3.799-3.672c.547 5.714-5.2 3.638-7.332 8.904c-1.422 3.527-.138 7.892 3.617 10.178"/></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%22M11.474%2014.42a3.162%203.162%200%201%200%200%206.324a3.162%203.162%200%200%200%200-6.324m3.936-.606a5.43%205.43%200%200%201%201.513%203.769a5.44%205.44%200%200%201-2.335%204.47c2.609-.803%204.771-2.767%205.737-5.142c1.338-3.288.09-5.761-1.999-8.005c.066.288.103.592.103.898a4.175%204.175%200%200%201-3.019%204.01m-3.577-4.003c0%201.34%201.087%202.419%202.42%202.419s2.423-1.087%202.423-2.419a2.42%202.42%200%200%200-2.417-2.417a2.425%202.425%200%200%200-2.426%202.417%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M7.303%2021.093a5.44%205.44%200%200%201-1.276-3.51a5.44%205.44%200%200%201%204.8-5.408a4.162%204.162%200%200%201%203.99-6.492c-1.361-1.176-2.724-2.369-3.799-3.672c.547%205.714-5.2%203.638-7.332%208.904c-1.422%203.527-.138%207.892%203.617%2010.178%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%22M11.474%2014.42a3.162%203.162%200%201%200%200%206.324a3.162%203.162%200%200%200%200-6.324m3.936-.606a5.43%205.43%200%200%201%201.513%203.769a5.44%205.44%200%200%201-2.335%204.47c2.609-.803%204.771-2.767%205.737-5.142c1.338-3.288.09-5.761-1.999-8.005c.066.288.103.592.103.898a4.175%204.175%200%200%201-3.019%204.01m-3.577-4.003c0%201.34%201.087%202.419%202.42%202.419s2.423-1.087%202.423-2.419a2.42%202.42%200%200%200-2.417-2.417a2.425%202.425%200%200%200-2.426%202.417%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M7.303%2021.093a5.44%205.44%200%200%201-1.276-3.51a5.44%205.44%200%200%201%204.8-5.408a4.162%204.162%200%200%201%203.99-6.492c-1.361-1.176-2.724-2.369-3.799-3.672c.547%205.714-5.2%203.638-7.332%208.904c-1.422%203.527-.138%207.892%203.617%2010.178%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/bxl/drupal.svg?color=%231a73e8&size=48
