pi hole icon
pi-hole from Material Design Icons by Pictogrammers · Filled · Brand / Logo · Apache-2.0 Free for personal and commercial use.
- Name
- pi-hole
- Set
- Material Design Icons
- Style
- Filled
- Category
- Brand / Logo
- Viewbox
- 24×24
- License
- Apache 2.0
More brand / logo icons from Material Design Icons
Use the pi hole icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M5.62 2c3.88 0 5.95 2.29 6.15 5.93c.73-4.36 4.16-3.85 4.16-3.85c.17 2.47-1.86 3.97-4.16 4.09c-.65-1.36-4.52-4.7-4.52-4.7c-.02.03 3.72 3.27 3.58 4.68C8.33 7.88 5.82 6 5.62 2m.44 11.11l3.86-3.86a3 3 0 0 1 4.24 0L18 13.11a2.964 2.964 0 0 1 0 4.24l-3.84 3.86a3 3 0 0 1-4.24 0l-3.86-3.86a3 3 0 0 1 0-4.24m3.33 6.48c0-1.23.76-2.74 2.7-2.74c1.31 0 2.78 1.25 4.22 1.11c-1.44-.04-2.72-1.11-2.72-2.77c0-1.33 1.1-2.29 1.1-3.85c-.06.99-.87 2.43-2.69 2.43c-1.41 0-2.45-1.14-4.13-1.14c.71.04 2.63.67 2.63 2.72c0 1.65-1.11 2.15-1.11 4.24"/></svg>
React
import type { SVGProps } from "react";
export function MdiPiHole(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="M5.62 2c3.88 0 5.95 2.29 6.15 5.93c.73-4.36 4.16-3.85 4.16-3.85c.17 2.47-1.86 3.97-4.16 4.09c-.65-1.36-4.52-4.7-4.52-4.7c-.02.03 3.72 3.27 3.58 4.68C8.33 7.88 5.82 6 5.62 2m.44 11.11l3.86-3.86a3 3 0 0 1 4.24 0L18 13.11a2.964 2.964 0 0 1 0 4.24l-3.84 3.86a3 3 0 0 1-4.24 0l-3.86-3.86a3 3 0 0 1 0-4.24m3.33 6.48c0-1.23.76-2.74 2.7-2.74c1.31 0 2.78 1.25 4.22 1.11c-1.44-.04-2.72-1.11-2.72-2.77c0-1.33 1.1-2.29 1.1-3.85c-.06.99-.87 2.43-2.69 2.43c-1.41 0-2.45-1.14-4.13-1.14c.71.04 2.63.67 2.63 2.72c0 1.65-1.11 2.15-1.11 4.24"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M5.62 2c3.88 0 5.95 2.29 6.15 5.93c.73-4.36 4.16-3.85 4.16-3.85c.17 2.47-1.86 3.97-4.16 4.09c-.65-1.36-4.52-4.7-4.52-4.7c-.02.03 3.72 3.27 3.58 4.68C8.33 7.88 5.82 6 5.62 2m.44 11.11l3.86-3.86a3 3 0 0 1 4.24 0L18 13.11a2.964 2.964 0 0 1 0 4.24l-3.84 3.86a3 3 0 0 1-4.24 0l-3.86-3.86a3 3 0 0 1 0-4.24m3.33 6.48c0-1.23.76-2.74 2.7-2.74c1.31 0 2.78 1.25 4.22 1.11c-1.44-.04-2.72-1.11-2.72-2.77c0-1.33 1.1-2.29 1.1-3.85c-.06.99-.87 2.43-2.69 2.43c-1.41 0-2.45-1.14-4.13-1.14c.71.04 2.63.67 2.63 2.72c0 1.65-1.11 2.15-1.11 4.24"/></svg> </template>
CSS
.icon-pi-hole {
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%22M5.62%202c3.88%200%205.95%202.29%206.15%205.93c.73-4.36%204.16-3.85%204.16-3.85c.17%202.47-1.86%203.97-4.16%204.09c-.65-1.36-4.52-4.7-4.52-4.7c-.02.03%203.72%203.27%203.58%204.68C8.33%207.88%205.82%206%205.62%202m.44%2011.11l3.86-3.86a3%203%200%200%201%204.24%200L18%2013.11a2.964%202.964%200%200%201%200%204.24l-3.84%203.86a3%203%200%200%201-4.24%200l-3.86-3.86a3%203%200%200%201%200-4.24m3.33%206.48c0-1.23.76-2.74%202.7-2.74c1.31%200%202.78%201.25%204.22%201.11c-1.44-.04-2.72-1.11-2.72-2.77c0-1.33%201.1-2.29%201.1-3.85c-.06.99-.87%202.43-2.69%202.43c-1.41%200-2.45-1.14-4.13-1.14c.71.04%202.63.67%202.63%202.72c0%201.65-1.11%202.15-1.11%204.24%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%22M5.62%202c3.88%200%205.95%202.29%206.15%205.93c.73-4.36%204.16-3.85%204.16-3.85c.17%202.47-1.86%203.97-4.16%204.09c-.65-1.36-4.52-4.7-4.52-4.7c-.02.03%203.72%203.27%203.58%204.68C8.33%207.88%205.82%206%205.62%202m.44%2011.11l3.86-3.86a3%203%200%200%201%204.24%200L18%2013.11a2.964%202.964%200%200%201%200%204.24l-3.84%203.86a3%203%200%200%201-4.24%200l-3.86-3.86a3%203%200%200%201%200-4.24m3.33%206.48c0-1.23.76-2.74%202.7-2.74c1.31%200%202.78%201.25%204.22%201.11c-1.44-.04-2.72-1.11-2.72-2.77c0-1.33%201.1-2.29%201.1-3.85c-.06.99-.87%202.43-2.69%202.43c-1.41%200-2.45-1.14-4.13-1.14c.71.04%202.63.67%202.63%202.72c0%201.65-1.11%202.15-1.11%204.24%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mdi/pi-hole.svg?color=%231a73e8&size=48
