firewalla logo

firewalla from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.

Name
firewalla
Set
Simple Icons
Style
Brand
Viewbox
24×24
License
CC0 1.0

Use the firewalla logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12.156 0c-3.602 4.89.391 7.768 2.61 11.893c-.751 1.527-1.745 3.08-2.733 4.836l-.072.025c-.849-.983-1.99-1.85-3.033-2.967c2.606-5.783-.809-9.812-.809-9.812a12.6 12.6 0 0 0-1.916 2.021c-2.296 3.06-2.027 5.897-2.027 5.897C4.176 19.07 12.125 24 12.125 24a22 22 0 0 0 2.139-1.594c5.864-4.974 5.564-10.513 5.564-10.513c.122-4.308-1.622-5.905-4.82-9.014A84 84 0 0 1 12.156 0m.678 18.057a4 4 0 0 1 .14.328a5 5 0 0 0-.14-.328m.266.718a4.3 4.3 0 0 1 .14.791q.037.428-.006.91a5 5 0 0 0 .006-.91a4.5 4.5 0 0 0-.14-.79z"/></svg>

React

import type { SVGProps } from "react";

export function SimpleIconsFirewalla(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="M12.156 0c-3.602 4.89.391 7.768 2.61 11.893c-.751 1.527-1.745 3.08-2.733 4.836l-.072.025c-.849-.983-1.99-1.85-3.033-2.967c2.606-5.783-.809-9.812-.809-9.812a12.6 12.6 0 0 0-1.916 2.021c-2.296 3.06-2.027 5.897-2.027 5.897C4.176 19.07 12.125 24 12.125 24a22 22 0 0 0 2.139-1.594c5.864-4.974 5.564-10.513 5.564-10.513c.122-4.308-1.622-5.905-4.82-9.014A84 84 0 0 1 12.156 0m.678 18.057a4 4 0 0 1 .14.328a5 5 0 0 0-.14-.328m.266.718a4.3 4.3 0 0 1 .14.791q.037.428-.006.91a5 5 0 0 0 .006-.91a4.5 4.5 0 0 0-.14-.79z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12.156 0c-3.602 4.89.391 7.768 2.61 11.893c-.751 1.527-1.745 3.08-2.733 4.836l-.072.025c-.849-.983-1.99-1.85-3.033-2.967c2.606-5.783-.809-9.812-.809-9.812a12.6 12.6 0 0 0-1.916 2.021c-2.296 3.06-2.027 5.897-2.027 5.897C4.176 19.07 12.125 24 12.125 24a22 22 0 0 0 2.139-1.594c5.864-4.974 5.564-10.513 5.564-10.513c.122-4.308-1.622-5.905-4.82-9.014A84 84 0 0 1 12.156 0m.678 18.057a4 4 0 0 1 .14.328a5 5 0 0 0-.14-.328m.266.718a4.3 4.3 0 0 1 .14.791q.037.428-.006.91a5 5 0 0 0 .006-.91a4.5 4.5 0 0 0-.14-.79z"/></svg>
</template>

CSS

.icon-firewalla {
  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%22M12.156%200c-3.602%204.89.391%207.768%202.61%2011.893c-.751%201.527-1.745%203.08-2.733%204.836l-.072.025c-.849-.983-1.99-1.85-3.033-2.967c2.606-5.783-.809-9.812-.809-9.812a12.6%2012.6%200%200%200-1.916%202.021c-2.296%203.06-2.027%205.897-2.027%205.897C4.176%2019.07%2012.125%2024%2012.125%2024a22%2022%200%200%200%202.139-1.594c5.864-4.974%205.564-10.513%205.564-10.513c.122-4.308-1.622-5.905-4.82-9.014A84%2084%200%200%201%2012.156%200m.678%2018.057a4%204%200%200%201%20.14.328a5%205%200%200%200-.14-.328m.266.718a4.3%204.3%200%200%201%20.14.791q.037.428-.006.91a5%205%200%200%200%20.006-.91a4.5%204.5%200%200%200-.14-.79z%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%22M12.156%200c-3.602%204.89.391%207.768%202.61%2011.893c-.751%201.527-1.745%203.08-2.733%204.836l-.072.025c-.849-.983-1.99-1.85-3.033-2.967c2.606-5.783-.809-9.812-.809-9.812a12.6%2012.6%200%200%200-1.916%202.021c-2.296%203.06-2.027%205.897-2.027%205.897C4.176%2019.07%2012.125%2024%2012.125%2024a22%2022%200%200%200%202.139-1.594c5.864-4.974%205.564-10.513%205.564-10.513c.122-4.308-1.622-5.905-4.82-9.014A84%2084%200%200%201%2012.156%200m.678%2018.057a4%204%200%200%201%20.14.328a5%205%200%200%200-.14-.328m.266.718a4.3%204.3%200%200%201%20.14.791q.037.428-.006.91a5%205%200%200%200%20.006-.91a4.5%204.5%200%200%200-.14-.79z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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