drupal icon
drupal from Jam Icons by Michael Amprimo · Outline · MIT Free for personal and commercial use.
- Name
- drupal
- Set
- Jam Icons
- Style
- Outline
- Viewbox
- 24×24
- License
- MIT
The same icon in other sets
Related icons in Jam Icons
Use the drupal icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="-3 -2 24 24"><path fill="currentColor" d="M13.134 3.711c-1.022-.635-1.989-.884-2.953-1.52C9.583 1.788 8.754.827 8.058 0c-.134 1.327-.54 1.866-1.003 2.251c-.982.768-1.6.998-2.45 1.46c-.714.366-4.592 2.673-4.592 7.634S4.201 19.96 8.85 19.96c4.65 0 8.683-3.365 8.683-8.46s-3.782-7.403-4.4-7.788zm.078 14.308c-.097.096-.984.711-2.026.808c-1.042.096-2.45.153-3.299-.616c-.135-.135-.097-.326 0-.402c.096-.079.173-.136.29-.136s.095 0 .154.038c.386.308.964.557 2.198.557c1.236 0 2.105-.344 2.49-.634c.174-.134.25-.019.27.058s.058.193-.077.327m-3.344-1.618c.213-.193.56-.501.89-.635c.327-.135.499-.116.809-.116c.308 0 .637.02.868.174s.367.5.442.69c.078.194 0 .309-.153.386c-.134.076-.154.038-.289-.211c-.134-.25-.25-.5-.926-.5c-.675 0-.887.23-1.215.5c-.328.269-.444.365-.56.211c-.116-.153-.077-.308.134-.5zm6.964-3.666c0 .596-.192 1.672-.656 2.345c-.462.674-.75.925-1.293.886c-.695-.059-2.084-2.212-2.971-2.252c-1.118-.037-3.55 2.33-5.46 2.33c-1.159 0-1.505-.174-1.89-.425c-.58-.404-.87-1.019-.85-1.865c.02-1.5 1.427-2.903 3.203-2.922c2.256-.02 3.821 2.229 4.958 2.21c.965-.017 2.818-1.903 3.725-1.903c.964 0 1.234.998 1.234 1.596"/></svg>
React
import type { SVGProps } from "react";
export function JamDrupal(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="-3 -2 24 24"><path fill="currentColor" d="M13.134 3.711c-1.022-.635-1.989-.884-2.953-1.52C9.583 1.788 8.754.827 8.058 0c-.134 1.327-.54 1.866-1.003 2.251c-.982.768-1.6.998-2.45 1.46c-.714.366-4.592 2.673-4.592 7.634S4.201 19.96 8.85 19.96c4.65 0 8.683-3.365 8.683-8.46s-3.782-7.403-4.4-7.788zm.078 14.308c-.097.096-.984.711-2.026.808c-1.042.096-2.45.153-3.299-.616c-.135-.135-.097-.326 0-.402c.096-.079.173-.136.29-.136s.095 0 .154.038c.386.308.964.557 2.198.557c1.236 0 2.105-.344 2.49-.634c.174-.134.25-.019.27.058s.058.193-.077.327m-3.344-1.618c.213-.193.56-.501.89-.635c.327-.135.499-.116.809-.116c.308 0 .637.02.868.174s.367.5.442.69c.078.194 0 .309-.153.386c-.134.076-.154.038-.289-.211c-.134-.25-.25-.5-.926-.5c-.675 0-.887.23-1.215.5c-.328.269-.444.365-.56.211c-.116-.153-.077-.308.134-.5zm6.964-3.666c0 .596-.192 1.672-.656 2.345c-.462.674-.75.925-1.293.886c-.695-.059-2.084-2.212-2.971-2.252c-1.118-.037-3.55 2.33-5.46 2.33c-1.159 0-1.505-.174-1.89-.425c-.58-.404-.87-1.019-.85-1.865c.02-1.5 1.427-2.903 3.203-2.922c2.256-.02 3.821 2.229 4.958 2.21c.965-.017 2.818-1.903 3.725-1.903c.964 0 1.234.998 1.234 1.596"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="-3 -2 24 24"><path fill="currentColor" d="M13.134 3.711c-1.022-.635-1.989-.884-2.953-1.52C9.583 1.788 8.754.827 8.058 0c-.134 1.327-.54 1.866-1.003 2.251c-.982.768-1.6.998-2.45 1.46c-.714.366-4.592 2.673-4.592 7.634S4.201 19.96 8.85 19.96c4.65 0 8.683-3.365 8.683-8.46s-3.782-7.403-4.4-7.788zm.078 14.308c-.097.096-.984.711-2.026.808c-1.042.096-2.45.153-3.299-.616c-.135-.135-.097-.326 0-.402c.096-.079.173-.136.29-.136s.095 0 .154.038c.386.308.964.557 2.198.557c1.236 0 2.105-.344 2.49-.634c.174-.134.25-.019.27.058s.058.193-.077.327m-3.344-1.618c.213-.193.56-.501.89-.635c.327-.135.499-.116.809-.116c.308 0 .637.02.868.174s.367.5.442.69c.078.194 0 .309-.153.386c-.134.076-.154.038-.289-.211c-.134-.25-.25-.5-.926-.5c-.675 0-.887.23-1.215.5c-.328.269-.444.365-.56.211c-.116-.153-.077-.308.134-.5zm6.964-3.666c0 .596-.192 1.672-.656 2.345c-.462.674-.75.925-1.293.886c-.695-.059-2.084-2.212-2.971-2.252c-1.118-.037-3.55 2.33-5.46 2.33c-1.159 0-1.505-.174-1.89-.425c-.58-.404-.87-1.019-.85-1.865c.02-1.5 1.427-2.903 3.203-2.922c2.256-.02 3.821 2.229 4.958 2.21c.965-.017 2.818-1.903 3.725-1.903c.964 0 1.234.998 1.234 1.596"/></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%22-3%20-2%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M13.134%203.711c-1.022-.635-1.989-.884-2.953-1.52C9.583%201.788%208.754.827%208.058%200c-.134%201.327-.54%201.866-1.003%202.251c-.982.768-1.6.998-2.45%201.46c-.714.366-4.592%202.673-4.592%207.634S4.201%2019.96%208.85%2019.96c4.65%200%208.683-3.365%208.683-8.46s-3.782-7.403-4.4-7.788zm.078%2014.308c-.097.096-.984.711-2.026.808c-1.042.096-2.45.153-3.299-.616c-.135-.135-.097-.326%200-.402c.096-.079.173-.136.29-.136s.095%200%20.154.038c.386.308.964.557%202.198.557c1.236%200%202.105-.344%202.49-.634c.174-.134.25-.019.27.058s.058.193-.077.327m-3.344-1.618c.213-.193.56-.501.89-.635c.327-.135.499-.116.809-.116c.308%200%20.637.02.868.174s.367.5.442.69c.078.194%200%20.309-.153.386c-.134.076-.154.038-.289-.211c-.134-.25-.25-.5-.926-.5c-.675%200-.887.23-1.215.5c-.328.269-.444.365-.56.211c-.116-.153-.077-.308.134-.5zm6.964-3.666c0%20.596-.192%201.672-.656%202.345c-.462.674-.75.925-1.293.886c-.695-.059-2.084-2.212-2.971-2.252c-1.118-.037-3.55%202.33-5.46%202.33c-1.159%200-1.505-.174-1.89-.425c-.58-.404-.87-1.019-.85-1.865c.02-1.5%201.427-2.903%203.203-2.922c2.256-.02%203.821%202.229%204.958%202.21c.965-.017%202.818-1.903%203.725-1.903c.964%200%201.234.998%201.234%201.596%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%22-3%20-2%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M13.134%203.711c-1.022-.635-1.989-.884-2.953-1.52C9.583%201.788%208.754.827%208.058%200c-.134%201.327-.54%201.866-1.003%202.251c-.982.768-1.6.998-2.45%201.46c-.714.366-4.592%202.673-4.592%207.634S4.201%2019.96%208.85%2019.96c4.65%200%208.683-3.365%208.683-8.46s-3.782-7.403-4.4-7.788zm.078%2014.308c-.097.096-.984.711-2.026.808c-1.042.096-2.45.153-3.299-.616c-.135-.135-.097-.326%200-.402c.096-.079.173-.136.29-.136s.095%200%20.154.038c.386.308.964.557%202.198.557c1.236%200%202.105-.344%202.49-.634c.174-.134.25-.019.27.058s.058.193-.077.327m-3.344-1.618c.213-.193.56-.501.89-.635c.327-.135.499-.116.809-.116c.308%200%20.637.02.868.174s.367.5.442.69c.078.194%200%20.309-.153.386c-.134.076-.154.038-.289-.211c-.134-.25-.25-.5-.926-.5c-.675%200-.887.23-1.215.5c-.328.269-.444.365-.56.211c-.116-.153-.077-.308.134-.5zm6.964-3.666c0%20.596-.192%201.672-.656%202.345c-.462.674-.75.925-1.293.886c-.695-.059-2.084-2.212-2.971-2.252c-1.118-.037-3.55%202.33-5.46%202.33c-1.159%200-1.505-.174-1.89-.425c-.58-.404-.87-1.019-.85-1.865c.02-1.5%201.427-2.903%203.203-2.922c2.256-.02%203.821%202.229%204.958%202.21c.965-.017%202.818-1.903%203.725-1.903c.964%200%201.234.998%201.234%201.596%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/jam/drupal.svg?color=%231a73e8&size=48
