air vent icon

air-vent-solid from Myna UI Icons by Praveen Juge · Solid · MIT Free for personal and commercial use.

Name: air-vent-solid
Set: Myna UI Icons
Style: Solid
Viewbox: 24×24
License: MIT
Aliases: air-conditioner-solid

1 other variant in Myna UI Icons

The same icon in other sets

Use the air vent icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M3.75 5.654c0-1.043.861-1.904 1.904-1.904h12.692c1.043 0 1.904.861 1.904 1.904v5.77a1.915 1.915 0 0 1-1.904 1.903H5.654a1.915 1.915 0 0 1-1.904-1.904zm12.115 6.173v-1.558a.416.416 0 0 0-.404-.404H8.539a.416.416 0 0 0-.403.404v1.558zM8.538 14.71a.75.75 0 0 1 .75.75c0 .625-.014 1.49-.305 2.205a2.27 2.27 0 0 1-.778 1.02c-.388.277-.86.41-1.397.41a.75.75 0 1 1 0-1.5c.283 0 .437-.067.527-.131c.094-.067.183-.177.258-.363c.165-.406.195-.984.195-1.64a.75.75 0 0 1 .75-.75m3.462 0a.75.75 0 0 1 .75.75V19.5a.75.75 0 0 1-1.5 0v-4.039a.75.75 0 0 1 .75-.75m3.461 0a.75.75 0 0 1 .75.75c0 .657.03 1.235.196 1.641c.075.186.164.296.258.363c.09.064.244.131.527.131a.75.75 0 0 1 0 1.5c-.537 0-1.01-.133-1.397-.41a2.27 2.27 0 0 1-.778-1.02c-.29-.715-.306-1.58-.306-2.205a.75.75 0 0 1 .75-.75"/></svg>

React

import type { SVGProps } from "react";

export function MynauiAirVentSolid(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="M3.75 5.654c0-1.043.861-1.904 1.904-1.904h12.692c1.043 0 1.904.861 1.904 1.904v5.77a1.915 1.915 0 0 1-1.904 1.903H5.654a1.915 1.915 0 0 1-1.904-1.904zm12.115 6.173v-1.558a.416.416 0 0 0-.404-.404H8.539a.416.416 0 0 0-.403.404v1.558zM8.538 14.71a.75.75 0 0 1 .75.75c0 .625-.014 1.49-.305 2.205a2.27 2.27 0 0 1-.778 1.02c-.388.277-.86.41-1.397.41a.75.75 0 1 1 0-1.5c.283 0 .437-.067.527-.131c.094-.067.183-.177.258-.363c.165-.406.195-.984.195-1.64a.75.75 0 0 1 .75-.75m3.462 0a.75.75 0 0 1 .75.75V19.5a.75.75 0 0 1-1.5 0v-4.039a.75.75 0 0 1 .75-.75m3.461 0a.75.75 0 0 1 .75.75c0 .657.03 1.235.196 1.641c.075.186.164.296.258.363c.09.064.244.131.527.131a.75.75 0 0 1 0 1.5c-.537 0-1.01-.133-1.397-.41a2.27 2.27 0 0 1-.778-1.02c-.29-.715-.306-1.58-.306-2.205a.75.75 0 0 1 .75-.75"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M3.75 5.654c0-1.043.861-1.904 1.904-1.904h12.692c1.043 0 1.904.861 1.904 1.904v5.77a1.915 1.915 0 0 1-1.904 1.903H5.654a1.915 1.915 0 0 1-1.904-1.904zm12.115 6.173v-1.558a.416.416 0 0 0-.404-.404H8.539a.416.416 0 0 0-.403.404v1.558zM8.538 14.71a.75.75 0 0 1 .75.75c0 .625-.014 1.49-.305 2.205a2.27 2.27 0 0 1-.778 1.02c-.388.277-.86.41-1.397.41a.75.75 0 1 1 0-1.5c.283 0 .437-.067.527-.131c.094-.067.183-.177.258-.363c.165-.406.195-.984.195-1.64a.75.75 0 0 1 .75-.75m3.462 0a.75.75 0 0 1 .75.75V19.5a.75.75 0 0 1-1.5 0v-4.039a.75.75 0 0 1 .75-.75m3.461 0a.75.75 0 0 1 .75.75c0 .657.03 1.235.196 1.641c.075.186.164.296.258.363c.09.064.244.131.527.131a.75.75 0 0 1 0 1.5c-.537 0-1.01-.133-1.397-.41a2.27 2.27 0 0 1-.778-1.02c-.29-.715-.306-1.58-.306-2.205a.75.75 0 0 1 .75-.75"/></svg>
</template>

CSS

.icon-air-vent-solid {
  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%22M3.75%205.654c0-1.043.861-1.904%201.904-1.904h12.692c1.043%200%201.904.861%201.904%201.904v5.77a1.915%201.915%200%200%201-1.904%201.903H5.654a1.915%201.915%200%200%201-1.904-1.904zm12.115%206.173v-1.558a.416.416%200%200%200-.404-.404H8.539a.416.416%200%200%200-.403.404v1.558zM8.538%2014.71a.75.75%200%200%201%20.75.75c0%20.625-.014%201.49-.305%202.205a2.27%202.27%200%200%201-.778%201.02c-.388.277-.86.41-1.397.41a.75.75%200%201%201%200-1.5c.283%200%20.437-.067.527-.131c.094-.067.183-.177.258-.363c.165-.406.195-.984.195-1.64a.75.75%200%200%201%20.75-.75m3.462%200a.75.75%200%200%201%20.75.75V19.5a.75.75%200%200%201-1.5%200v-4.039a.75.75%200%200%201%20.75-.75m3.461%200a.75.75%200%200%201%20.75.75c0%20.657.03%201.235.196%201.641c.075.186.164.296.258.363c.09.064.244.131.527.131a.75.75%200%200%201%200%201.5c-.537%200-1.01-.133-1.397-.41a2.27%202.27%200%200%201-.778-1.02c-.29-.715-.306-1.58-.306-2.205a.75.75%200%200%201%20.75-.75%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%22M3.75%205.654c0-1.043.861-1.904%201.904-1.904h12.692c1.043%200%201.904.861%201.904%201.904v5.77a1.915%201.915%200%200%201-1.904%201.903H5.654a1.915%201.915%200%200%201-1.904-1.904zm12.115%206.173v-1.558a.416.416%200%200%200-.404-.404H8.539a.416.416%200%200%200-.403.404v1.558zM8.538%2014.71a.75.75%200%200%201%20.75.75c0%20.625-.014%201.49-.305%202.205a2.27%202.27%200%200%201-.778%201.02c-.388.277-.86.41-1.397.41a.75.75%200%201%201%200-1.5c.283%200%20.437-.067.527-.131c.094-.067.183-.177.258-.363c.165-.406.195-.984.195-1.64a.75.75%200%200%201%20.75-.75m3.462%200a.75.75%200%200%201%20.75.75V19.5a.75.75%200%200%201-1.5%200v-4.039a.75.75%200%200%201%20.75-.75m3.461%200a.75.75%200%200%201%20.75.75c0%20.657.03%201.235.196%201.641c.075.186.164.296.258.363c.09.064.244.131.527.131a.75.75%200%200%201%200%201.5c-.537%200-1.01-.133-1.397-.41a2.27%202.27%200%200%201-.778-1.02c-.29-.715-.306-1.58-.306-2.205a.75.75%200%200%201%20.75-.75%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mynaui/air-vent-solid.svg?color=%231a73e8&size=48