drupal square icon
drupal-square from Jam Icons by Michael Amprimo · Outline · MIT Free for personal and commercial use.
- Name
- drupal-square
- Set
- Jam Icons
- Style
- Outline
- Viewbox
- 24×24
- License
- MIT
Related icons in Jam Icons
Use the drupal square icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="-2 -2 24 24"><g fill="currentColor"><path d="M12.194 6.827c-.512-.318-.996-.443-1.48-.762c-.299-.202-.714-.683-1.063-1.098c-.067.665-.27.936-.503 1.128c-.492.385-.801.5-1.227.732c-.358.183-2.3 1.339-2.3 3.825c0 2.485 2.097 4.315 4.426 4.315s4.351-1.685 4.351-4.238s-1.895-3.71-2.204-3.902m.04 7.169a2.1 2.1 0 0 1-1.016.404c-.522.048-1.228.077-1.653-.308c-.067-.068-.049-.163 0-.202c.048-.04.087-.068.145-.068c.059 0 .048 0 .078.02c.193.154.483.278 1.101.278c.619 0 1.054-.172 1.247-.317c.087-.068.126-.01.136.029c.01.038.029.096-.039.164zm-1.676-.811c.106-.097.28-.251.445-.318c.164-.068.25-.058.406-.058c.154 0 .32.01.435.087c.116.077.184.25.221.346c.04.097 0 .154-.076.193c-.067.038-.077.02-.145-.106c-.067-.125-.126-.25-.464-.25s-.445.115-.609.25s-.222.183-.28.106s-.04-.154.067-.25m3.489-1.837c0 .299-.096.838-.329 1.175c-.231.338-.376.463-.648.444c-.348-.03-1.044-1.108-1.488-1.128c-.56-.02-1.779 1.167-2.736 1.167c-.58 0-.754-.087-.947-.213c-.29-.202-.435-.51-.426-.934c.01-.752.715-1.455 1.605-1.464c1.13-.01 1.915 1.116 2.484 1.107c.484-.009 1.412-.954 1.867-.954c.483 0 .618.5.618.8"/><path d="M4 2a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2zm0-2h12a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4"/></g></svg>
React
import type { SVGProps } from "react";
export function JamDrupalSquare(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="-2 -2 24 24"><g fill="currentColor"><path d="M12.194 6.827c-.512-.318-.996-.443-1.48-.762c-.299-.202-.714-.683-1.063-1.098c-.067.665-.27.936-.503 1.128c-.492.385-.801.5-1.227.732c-.358.183-2.3 1.339-2.3 3.825c0 2.485 2.097 4.315 4.426 4.315s4.351-1.685 4.351-4.238s-1.895-3.71-2.204-3.902m.04 7.169a2.1 2.1 0 0 1-1.016.404c-.522.048-1.228.077-1.653-.308c-.067-.068-.049-.163 0-.202c.048-.04.087-.068.145-.068c.059 0 .048 0 .078.02c.193.154.483.278 1.101.278c.619 0 1.054-.172 1.247-.317c.087-.068.126-.01.136.029c.01.038.029.096-.039.164zm-1.676-.811c.106-.097.28-.251.445-.318c.164-.068.25-.058.406-.058c.154 0 .32.01.435.087c.116.077.184.25.221.346c.04.097 0 .154-.076.193c-.067.038-.077.02-.145-.106c-.067-.125-.126-.25-.464-.25s-.445.115-.609.25s-.222.183-.28.106s-.04-.154.067-.25m3.489-1.837c0 .299-.096.838-.329 1.175c-.231.338-.376.463-.648.444c-.348-.03-1.044-1.108-1.488-1.128c-.56-.02-1.779 1.167-2.736 1.167c-.58 0-.754-.087-.947-.213c-.29-.202-.435-.51-.426-.934c.01-.752.715-1.455 1.605-1.464c1.13-.01 1.915 1.116 2.484 1.107c.484-.009 1.412-.954 1.867-.954c.483 0 .618.5.618.8"/><path d="M4 2a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2zm0-2h12a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="-2 -2 24 24"><g fill="currentColor"><path d="M12.194 6.827c-.512-.318-.996-.443-1.48-.762c-.299-.202-.714-.683-1.063-1.098c-.067.665-.27.936-.503 1.128c-.492.385-.801.5-1.227.732c-.358.183-2.3 1.339-2.3 3.825c0 2.485 2.097 4.315 4.426 4.315s4.351-1.685 4.351-4.238s-1.895-3.71-2.204-3.902m.04 7.169a2.1 2.1 0 0 1-1.016.404c-.522.048-1.228.077-1.653-.308c-.067-.068-.049-.163 0-.202c.048-.04.087-.068.145-.068c.059 0 .048 0 .078.02c.193.154.483.278 1.101.278c.619 0 1.054-.172 1.247-.317c.087-.068.126-.01.136.029c.01.038.029.096-.039.164zm-1.676-.811c.106-.097.28-.251.445-.318c.164-.068.25-.058.406-.058c.154 0 .32.01.435.087c.116.077.184.25.221.346c.04.097 0 .154-.076.193c-.067.038-.077.02-.145-.106c-.067-.125-.126-.25-.464-.25s-.445.115-.609.25s-.222.183-.28.106s-.04-.154.067-.25m3.489-1.837c0 .299-.096.838-.329 1.175c-.231.338-.376.463-.648.444c-.348-.03-1.044-1.108-1.488-1.128c-.56-.02-1.779 1.167-2.736 1.167c-.58 0-.754-.087-.947-.213c-.29-.202-.435-.51-.426-.934c.01-.752.715-1.455 1.605-1.464c1.13-.01 1.915 1.116 2.484 1.107c.484-.009 1.412-.954 1.867-.954c.483 0 .618.5.618.8"/><path d="M4 2a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2zm0-2h12a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4"/></g></svg> </template>
CSS
.icon-drupal-square {
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-2%20-2%2024%2024%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M12.194%206.827c-.512-.318-.996-.443-1.48-.762c-.299-.202-.714-.683-1.063-1.098c-.067.665-.27.936-.503%201.128c-.492.385-.801.5-1.227.732c-.358.183-2.3%201.339-2.3%203.825c0%202.485%202.097%204.315%204.426%204.315s4.351-1.685%204.351-4.238s-1.895-3.71-2.204-3.902m.04%207.169a2.1%202.1%200%200%201-1.016.404c-.522.048-1.228.077-1.653-.308c-.067-.068-.049-.163%200-.202c.048-.04.087-.068.145-.068c.059%200%20.048%200%20.078.02c.193.154.483.278%201.101.278c.619%200%201.054-.172%201.247-.317c.087-.068.126-.01.136.029c.01.038.029.096-.039.164zm-1.676-.811c.106-.097.28-.251.445-.318c.164-.068.25-.058.406-.058c.154%200%20.32.01.435.087c.116.077.184.25.221.346c.04.097%200%20.154-.076.193c-.067.038-.077.02-.145-.106c-.067-.125-.126-.25-.464-.25s-.445.115-.609.25s-.222.183-.28.106s-.04-.154.067-.25m3.489-1.837c0%20.299-.096.838-.329%201.175c-.231.338-.376.463-.648.444c-.348-.03-1.044-1.108-1.488-1.128c-.56-.02-1.779%201.167-2.736%201.167c-.58%200-.754-.087-.947-.213c-.29-.202-.435-.51-.426-.934c.01-.752.715-1.455%201.605-1.464c1.13-.01%201.915%201.116%202.484%201.107c.484-.009%201.412-.954%201.867-.954c.483%200%20.618.5.618.8%22%2F%3E%3Cpath%20d%3D%22M4%202a2%202%200%200%200-2%202v12a2%202%200%200%200%202%202h12a2%202%200%200%200%202-2V4a2%202%200%200%200-2-2zm0-2h12a4%204%200%200%201%204%204v12a4%204%200%200%201-4%204H4a4%204%200%200%201-4-4V4a4%204%200%200%201%204-4%22%2F%3E%3C%2Fg%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-2%20-2%2024%2024%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M12.194%206.827c-.512-.318-.996-.443-1.48-.762c-.299-.202-.714-.683-1.063-1.098c-.067.665-.27.936-.503%201.128c-.492.385-.801.5-1.227.732c-.358.183-2.3%201.339-2.3%203.825c0%202.485%202.097%204.315%204.426%204.315s4.351-1.685%204.351-4.238s-1.895-3.71-2.204-3.902m.04%207.169a2.1%202.1%200%200%201-1.016.404c-.522.048-1.228.077-1.653-.308c-.067-.068-.049-.163%200-.202c.048-.04.087-.068.145-.068c.059%200%20.048%200%20.078.02c.193.154.483.278%201.101.278c.619%200%201.054-.172%201.247-.317c.087-.068.126-.01.136.029c.01.038.029.096-.039.164zm-1.676-.811c.106-.097.28-.251.445-.318c.164-.068.25-.058.406-.058c.154%200%20.32.01.435.087c.116.077.184.25.221.346c.04.097%200%20.154-.076.193c-.067.038-.077.02-.145-.106c-.067-.125-.126-.25-.464-.25s-.445.115-.609.25s-.222.183-.28.106s-.04-.154.067-.25m3.489-1.837c0%20.299-.096.838-.329%201.175c-.231.338-.376.463-.648.444c-.348-.03-1.044-1.108-1.488-1.128c-.56-.02-1.779%201.167-2.736%201.167c-.58%200-.754-.087-.947-.213c-.29-.202-.435-.51-.426-.934c.01-.752.715-1.455%201.605-1.464c1.13-.01%201.915%201.116%202.484%201.107c.484-.009%201.412-.954%201.867-.954c.483%200%20.618.5.618.8%22%2F%3E%3Cpath%20d%3D%22M4%202a2%202%200%200%200-2%202v12a2%202%200%200%200%202%202h12a2%202%200%200%200%202-2V4a2%202%200%200%200-2-2zm0-2h12a4%204%200%200%201%204%204v12a4%204%200%200%201-4%204H4a4%204%200%200%201-4-4V4a4%204%200%200%201%204-4%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/jam/drupal-square.svg?color=%231a73e8&size=48
