drupal icon logo

drupal-icon from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.

Name
drupal-icon
Set
SVG Logos
Style
Color
Viewbox
256×256
License
CC0

Use the drupal icon logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#009dde" d="M128.048 0C198.722.024 256 57.326 256 128v.048c-.024 70.686-57.35 127.976-128.047 127.952C57.266 255.976-.024 198.639 0 127.953S57.35-.024 128.048 0m-.654 32.92c-3.515 13.302-15.367 25.118-27.778 37.529c-18.562 18.61-39.666 39.666-39.666 71.292c.048 37.195 30.165 67.349 67.361 67.444c37.267 0 67.492-30.19 67.527-67.444c0-31.626-21.044-52.67-39.666-71.292l-1.663-1.664c-11.793-11.807-22.768-23.148-26.115-35.865m.915 100.994c7.743 8.254 12.66 13.943 17.754 20.154q.57.695 1.034 1.496c6.235 8.99 5.391 21.104-2.031 29.132c-8.74 9.465-23.49 10.047-32.956 1.307c-9.465-8.741-10.047-23.491-1.307-32.956c4.965-5.867 10.962-11.639 17.506-19.133M97.49 102.965l3.254 3.076l15.107 15.45a1.72 1.72 0 0 1 0 2.27l-15.795 17.457l-5.523 6.722a41 41 0 0 0-5.308 8.349c-.202.499-.63.867-1.152.985h-.558c-1.532-.13-3.29-2.957-3.29-2.957l-.28-.423a19 19 0 0 1-1.003-1.762l-.297-.641a40.03 40.03 0 0 1-.51-21.65l.204-.741a55.8 55.8 0 0 1 7.836-16.586a106 106 0 0 1 7.315-9.549m30-31.234c4.025 4.573 8.562 9.157 12.837 13.432l.095.297a183 183 0 0 1 24.132 27.47a51.04 51.04 0 0 1 9.454 29.012A44.9 44.9 0 0 1 172 155.208l-.066.177a2.73 2.73 0 0 1-2.072 1.664h-.427a3.87 3.87 0 0 1-2.186-1.758l-.716-1.075a118.7 118.7 0 0 0-12.977-16.038l-6.163-6.508l-20.546-21.4c-3.468-3.338-9.667-9.324-12.28-12.578a3 3 0 0 0-.297-.51a11.2 11.2 0 0 1-1.627-3.207v-.641a10.57 10.57 0 0 1 .808-6.164a11.4 11.4 0 0 1 2.316-3.29c3.978-3.978 7.957-7.873 11.721-12.149"/></svg>

React

import type { SVGProps } from "react";

export function LogosDrupalIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#009dde" d="M128.048 0C198.722.024 256 57.326 256 128v.048c-.024 70.686-57.35 127.976-128.047 127.952C57.266 255.976-.024 198.639 0 127.953S57.35-.024 128.048 0m-.654 32.92c-3.515 13.302-15.367 25.118-27.778 37.529c-18.562 18.61-39.666 39.666-39.666 71.292c.048 37.195 30.165 67.349 67.361 67.444c37.267 0 67.492-30.19 67.527-67.444c0-31.626-21.044-52.67-39.666-71.292l-1.663-1.664c-11.793-11.807-22.768-23.148-26.115-35.865m.915 100.994c7.743 8.254 12.66 13.943 17.754 20.154q.57.695 1.034 1.496c6.235 8.99 5.391 21.104-2.031 29.132c-8.74 9.465-23.49 10.047-32.956 1.307c-9.465-8.741-10.047-23.491-1.307-32.956c4.965-5.867 10.962-11.639 17.506-19.133M97.49 102.965l3.254 3.076l15.107 15.45a1.72 1.72 0 0 1 0 2.27l-15.795 17.457l-5.523 6.722a41 41 0 0 0-5.308 8.349c-.202.499-.63.867-1.152.985h-.558c-1.532-.13-3.29-2.957-3.29-2.957l-.28-.423a19 19 0 0 1-1.003-1.762l-.297-.641a40.03 40.03 0 0 1-.51-21.65l.204-.741a55.8 55.8 0 0 1 7.836-16.586a106 106 0 0 1 7.315-9.549m30-31.234c4.025 4.573 8.562 9.157 12.837 13.432l.095.297a183 183 0 0 1 24.132 27.47a51.04 51.04 0 0 1 9.454 29.012A44.9 44.9 0 0 1 172 155.208l-.066.177a2.73 2.73 0 0 1-2.072 1.664h-.427a3.87 3.87 0 0 1-2.186-1.758l-.716-1.075a118.7 118.7 0 0 0-12.977-16.038l-6.163-6.508l-20.546-21.4c-3.468-3.338-9.667-9.324-12.28-12.578a3 3 0 0 0-.297-.51a11.2 11.2 0 0 1-1.627-3.207v-.641a10.57 10.57 0 0 1 .808-6.164a11.4 11.4 0 0 1 2.316-3.29c3.978-3.978 7.957-7.873 11.721-12.149"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#009dde" d="M128.048 0C198.722.024 256 57.326 256 128v.048c-.024 70.686-57.35 127.976-128.047 127.952C57.266 255.976-.024 198.639 0 127.953S57.35-.024 128.048 0m-.654 32.92c-3.515 13.302-15.367 25.118-27.778 37.529c-18.562 18.61-39.666 39.666-39.666 71.292c.048 37.195 30.165 67.349 67.361 67.444c37.267 0 67.492-30.19 67.527-67.444c0-31.626-21.044-52.67-39.666-71.292l-1.663-1.664c-11.793-11.807-22.768-23.148-26.115-35.865m.915 100.994c7.743 8.254 12.66 13.943 17.754 20.154q.57.695 1.034 1.496c6.235 8.99 5.391 21.104-2.031 29.132c-8.74 9.465-23.49 10.047-32.956 1.307c-9.465-8.741-10.047-23.491-1.307-32.956c4.965-5.867 10.962-11.639 17.506-19.133M97.49 102.965l3.254 3.076l15.107 15.45a1.72 1.72 0 0 1 0 2.27l-15.795 17.457l-5.523 6.722a41 41 0 0 0-5.308 8.349c-.202.499-.63.867-1.152.985h-.558c-1.532-.13-3.29-2.957-3.29-2.957l-.28-.423a19 19 0 0 1-1.003-1.762l-.297-.641a40.03 40.03 0 0 1-.51-21.65l.204-.741a55.8 55.8 0 0 1 7.836-16.586a106 106 0 0 1 7.315-9.549m30-31.234c4.025 4.573 8.562 9.157 12.837 13.432l.095.297a183 183 0 0 1 24.132 27.47a51.04 51.04 0 0 1 9.454 29.012A44.9 44.9 0 0 1 172 155.208l-.066.177a2.73 2.73 0 0 1-2.072 1.664h-.427a3.87 3.87 0 0 1-2.186-1.758l-.716-1.075a118.7 118.7 0 0 0-12.977-16.038l-6.163-6.508l-20.546-21.4c-3.468-3.338-9.667-9.324-12.28-12.578a3 3 0 0 0-.297-.51a11.2 11.2 0 0 1-1.627-3.207v-.641a10.57 10.57 0 0 1 .808-6.164a11.4 11.4 0 0 1 2.316-3.29c3.978-3.978 7.957-7.873 11.721-12.149"/></svg>
</template>

CSS

.icon-drupal-icon {
  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%20256%20256%22%3E%3Cpath%20fill%3D%22%23009dde%22%20d%3D%22M128.048%200C198.722.024%20256%2057.326%20256%20128v.048c-.024%2070.686-57.35%20127.976-128.047%20127.952C57.266%20255.976-.024%20198.639%200%20127.953S57.35-.024%20128.048%200m-.654%2032.92c-3.515%2013.302-15.367%2025.118-27.778%2037.529c-18.562%2018.61-39.666%2039.666-39.666%2071.292c.048%2037.195%2030.165%2067.349%2067.361%2067.444c37.267%200%2067.492-30.19%2067.527-67.444c0-31.626-21.044-52.67-39.666-71.292l-1.663-1.664c-11.793-11.807-22.768-23.148-26.115-35.865m.915%20100.994c7.743%208.254%2012.66%2013.943%2017.754%2020.154q.57.695%201.034%201.496c6.235%208.99%205.391%2021.104-2.031%2029.132c-8.74%209.465-23.49%2010.047-32.956%201.307c-9.465-8.741-10.047-23.491-1.307-32.956c4.965-5.867%2010.962-11.639%2017.506-19.133M97.49%20102.965l3.254%203.076l15.107%2015.45a1.72%201.72%200%200%201%200%202.27l-15.795%2017.457l-5.523%206.722a41%2041%200%200%200-5.308%208.349c-.202.499-.63.867-1.152.985h-.558c-1.532-.13-3.29-2.957-3.29-2.957l-.28-.423a19%2019%200%200%201-1.003-1.762l-.297-.641a40.03%2040.03%200%200%201-.51-21.65l.204-.741a55.8%2055.8%200%200%201%207.836-16.586a106%20106%200%200%201%207.315-9.549m30-31.234c4.025%204.573%208.562%209.157%2012.837%2013.432l.095.297a183%20183%200%200%201%2024.132%2027.47a51.04%2051.04%200%200%201%209.454%2029.012A44.9%2044.9%200%200%201%20172%20155.208l-.066.177a2.73%202.73%200%200%201-2.072%201.664h-.427a3.87%203.87%200%200%201-2.186-1.758l-.716-1.075a118.7%20118.7%200%200%200-12.977-16.038l-6.163-6.508l-20.546-21.4c-3.468-3.338-9.667-9.324-12.28-12.578a3%203%200%200%200-.297-.51a11.2%2011.2%200%200%201-1.627-3.207v-.641a10.57%2010.57%200%200%201%20.808-6.164a11.4%2011.4%200%200%201%202.316-3.29c3.978-3.978%207.957-7.873%2011.721-12.149%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%20256%20256%22%3E%3Cpath%20fill%3D%22%23009dde%22%20d%3D%22M128.048%200C198.722.024%20256%2057.326%20256%20128v.048c-.024%2070.686-57.35%20127.976-128.047%20127.952C57.266%20255.976-.024%20198.639%200%20127.953S57.35-.024%20128.048%200m-.654%2032.92c-3.515%2013.302-15.367%2025.118-27.778%2037.529c-18.562%2018.61-39.666%2039.666-39.666%2071.292c.048%2037.195%2030.165%2067.349%2067.361%2067.444c37.267%200%2067.492-30.19%2067.527-67.444c0-31.626-21.044-52.67-39.666-71.292l-1.663-1.664c-11.793-11.807-22.768-23.148-26.115-35.865m.915%20100.994c7.743%208.254%2012.66%2013.943%2017.754%2020.154q.57.695%201.034%201.496c6.235%208.99%205.391%2021.104-2.031%2029.132c-8.74%209.465-23.49%2010.047-32.956%201.307c-9.465-8.741-10.047-23.491-1.307-32.956c4.965-5.867%2010.962-11.639%2017.506-19.133M97.49%20102.965l3.254%203.076l15.107%2015.45a1.72%201.72%200%200%201%200%202.27l-15.795%2017.457l-5.523%206.722a41%2041%200%200%200-5.308%208.349c-.202.499-.63.867-1.152.985h-.558c-1.532-.13-3.29-2.957-3.29-2.957l-.28-.423a19%2019%200%200%201-1.003-1.762l-.297-.641a40.03%2040.03%200%200%201-.51-21.65l.204-.741a55.8%2055.8%200%200%201%207.836-16.586a106%20106%200%200%201%207.315-9.549m30-31.234c4.025%204.573%208.562%209.157%2012.837%2013.432l.095.297a183%20183%200%200%201%2024.132%2027.47a51.04%2051.04%200%200%201%209.454%2029.012A44.9%2044.9%200%200%201%20172%20155.208l-.066.177a2.73%202.73%200%200%201-2.072%201.664h-.427a3.87%203.87%200%200%201-2.186-1.758l-.716-1.075a118.7%20118.7%200%200%200-12.977-16.038l-6.163-6.508l-20.546-21.4c-3.468-3.338-9.667-9.324-12.28-12.578a3%203%200%200%200-.297-.51a11.2%2011.2%200%200%201-1.627-3.207v-.641a10.57%2010.57%200%200%201%20.808-6.164a11.4%2011.4%200%200%201%202.316-3.29c3.978-3.978%207.957-7.873%2011.721-12.149%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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