boom gate up icon

boom-gate-up from Material Design Icons by Pictogrammers · Filled · Home Automation · Apache-2.0 Free for personal and commercial use.

Name: boom-gate-up
Set: Material Design Icons
Style: Filled
Category: Home Automation
Viewbox: 24×24
License: Apache 2.0

1 other variant in Material Design Icons

boom-gate-up-outline

More home automation icons from Material Design Icons

Use the boom gate up icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M19.9 3c-.6-1-1.8-1.3-2.7-.7L6.9 8.2C6.6 8.1 6.3 8 6 8c-1.7 0-3 1.3-3 3v9c-.6 0-1 .4-1 1v1h8v-1c0-.6-.4-1-1-1v-8.4l10.1-5.8c1-.6 1.3-1.8.8-2.8M6 12.5c-.8 0-1.5-.7-1.5-1.5S5.2 9.5 6 9.5s1.5.7 1.5 1.5s-.7 1.5-1.5 1.5m4.4-2.9l-2.3-1l1.3-.8l2.3 1zm3.5-2l-2.3-1l1.3-.8l2.3 1zm3.4-2l-2.3-1l1.3-.8l2.3 1z"/></svg>

React

import type { SVGProps } from "react";

export function MdiBoomGateUp(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="M19.9 3c-.6-1-1.8-1.3-2.7-.7L6.9 8.2C6.6 8.1 6.3 8 6 8c-1.7 0-3 1.3-3 3v9c-.6 0-1 .4-1 1v1h8v-1c0-.6-.4-1-1-1v-8.4l10.1-5.8c1-.6 1.3-1.8.8-2.8M6 12.5c-.8 0-1.5-.7-1.5-1.5S5.2 9.5 6 9.5s1.5.7 1.5 1.5s-.7 1.5-1.5 1.5m4.4-2.9l-2.3-1l1.3-.8l2.3 1zm3.5-2l-2.3-1l1.3-.8l2.3 1zm3.4-2l-2.3-1l1.3-.8l2.3 1z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M19.9 3c-.6-1-1.8-1.3-2.7-.7L6.9 8.2C6.6 8.1 6.3 8 6 8c-1.7 0-3 1.3-3 3v9c-.6 0-1 .4-1 1v1h8v-1c0-.6-.4-1-1-1v-8.4l10.1-5.8c1-.6 1.3-1.8.8-2.8M6 12.5c-.8 0-1.5-.7-1.5-1.5S5.2 9.5 6 9.5s1.5.7 1.5 1.5s-.7 1.5-1.5 1.5m4.4-2.9l-2.3-1l1.3-.8l2.3 1zm3.5-2l-2.3-1l1.3-.8l2.3 1zm3.4-2l-2.3-1l1.3-.8l2.3 1z"/></svg>
</template>

CSS

.icon-boom-gate-up {
  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%22M19.9%203c-.6-1-1.8-1.3-2.7-.7L6.9%208.2C6.6%208.1%206.3%208%206%208c-1.7%200-3%201.3-3%203v9c-.6%200-1%20.4-1%201v1h8v-1c0-.6-.4-1-1-1v-8.4l10.1-5.8c1-.6%201.3-1.8.8-2.8M6%2012.5c-.8%200-1.5-.7-1.5-1.5S5.2%209.5%206%209.5s1.5.7%201.5%201.5s-.7%201.5-1.5%201.5m4.4-2.9l-2.3-1l1.3-.8l2.3%201zm3.5-2l-2.3-1l1.3-.8l2.3%201zm3.4-2l-2.3-1l1.3-.8l2.3%201z%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%22M19.9%203c-.6-1-1.8-1.3-2.7-.7L6.9%208.2C6.6%208.1%206.3%208%206%208c-1.7%200-3%201.3-3%203v9c-.6%200-1%20.4-1%201v1h8v-1c0-.6-.4-1-1-1v-8.4l10.1-5.8c1-.6%201.3-1.8.8-2.8M6%2012.5c-.8%200-1.5-.7-1.5-1.5S5.2%209.5%206%209.5s1.5.7%201.5%201.5s-.7%201.5-1.5%201.5m4.4-2.9l-2.3-1l1.3-.8l2.3%201zm3.5-2l-2.3-1l1.3-.8l2.3%201zm3.4-2l-2.3-1l1.3-.8l2.3%201z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mdi/boom-gate-up.svg?color=%231a73e8&size=48