brand windows icon

brand-windows-filled from Tabler Icons by Paweł Kuna · Filled · MIT Free for personal and commercial use.

Name: brand-windows-filled
Set: Tabler Icons
Style: Filled
Viewbox: 24×24
License: MIT

1 other variant in Tabler Icons

Use the brand windows icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M21 13v5c0 1.57-1.248 2.832-2.715 2.923l-.113.003l-.042.018a1 1 0 0 1-.336.056l-.118-.008L13 20.407V13zm-10 0v7.157l-5.3-.662C4.186 19.344 3 18.112 3 16.6V13zm0-9.158V11H3V7.4c0-1.454 1.096-2.648 2.505-2.87zM21 5.9V11h-8V3.591l4.717-.589C19.476 2.857 21 4.191 21 5.9"/></svg>

React

import type { SVGProps } from "react";

export function TablerBrandWindowsFilled(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="M21 13v5c0 1.57-1.248 2.832-2.715 2.923l-.113.003l-.042.018a1 1 0 0 1-.336.056l-.118-.008L13 20.407V13zm-10 0v7.157l-5.3-.662C4.186 19.344 3 18.112 3 16.6V13zm0-9.158V11H3V7.4c0-1.454 1.096-2.648 2.505-2.87zM21 5.9V11h-8V3.591l4.717-.589C19.476 2.857 21 4.191 21 5.9"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M21 13v5c0 1.57-1.248 2.832-2.715 2.923l-.113.003l-.042.018a1 1 0 0 1-.336.056l-.118-.008L13 20.407V13zm-10 0v7.157l-5.3-.662C4.186 19.344 3 18.112 3 16.6V13zm0-9.158V11H3V7.4c0-1.454 1.096-2.648 2.505-2.87zM21 5.9V11h-8V3.591l4.717-.589C19.476 2.857 21 4.191 21 5.9"/></svg>
</template>

CSS

.icon-brand-windows-filled {
  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%22M21%2013v5c0%201.57-1.248%202.832-2.715%202.923l-.113.003l-.042.018a1%201%200%200%201-.336.056l-.118-.008L13%2020.407V13zm-10%200v7.157l-5.3-.662C4.186%2019.344%203%2018.112%203%2016.6V13zm0-9.158V11H3V7.4c0-1.454%201.096-2.648%202.505-2.87zM21%205.9V11h-8V3.591l4.717-.589C19.476%202.857%2021%204.191%2021%205.9%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%22M21%2013v5c0%201.57-1.248%202.832-2.715%202.923l-.113.003l-.042.018a1%201%200%200%201-.336.056l-.118-.008L13%2020.407V13zm-10%200v7.157l-5.3-.662C4.186%2019.344%203%2018.112%203%2016.6V13zm0-9.158V11H3V7.4c0-1.454%201.096-2.648%202.505-2.87zM21%205.9V11h-8V3.591l4.717-.589C19.476%202.857%2021%204.191%2021%205.9%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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

brand windows icon

1 other variant in Tabler Icons

Related icons in Tabler Icons

Use the brand windows icon

SVG

React

Vue

CSS