air conditioner icon
air-conditioner from Material Design Icons by Pictogrammers · Filled · Automotive · Apache-2.0 Free for personal and commercial use.
- Name
- air-conditioner
- Set
- Material Design Icons
- Style
- Filled
- Category
- Automotive
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- ac-unit
The same icon in other sets
More automotive icons from Material Design Icons
airbagbatterybattery-10battery-20battery-30battery-40battery-50battery-60battery-70battery-80battery-90battery-chargingbattery-charging-10battery-charging-100battery-charging-20battery-charging-30battery-charging-40battery-charging-50battery-charging-60battery-charging-70battery-charging-80battery-charging-90buglecar
Use the air conditioner icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M6.59.66c2.34-1.81 4.88.4 5.45 3.84c.43 0 .85.12 1.23.34c.52-.6.98-1.42.8-2.34c-.42-2.15 1.99-3.89 4.28-.92c1.81 2.34-.4 4.88-3.85 5.45c0 .43-.11.86-.34 1.24c.6.51 1.42.97 2.34.79c2.13-.42 3.88 1.98.91 4.28c-2.34 1.81-4.88-.4-5.45-3.84c-.43 0-.85-.13-1.22-.35c-.52.6-.99 1.43-.81 2.35c.42 2.14-1.99 3.89-4.28.92c-1.82-2.35.4-4.89 3.85-5.45c0-.43.13-.85.35-1.23c-.6-.51-1.42-.98-2.35-.8c-2.13.42-3.88-1.98-.91-4.28M5 16h2a2 2 0 0 1 2 2v6H7v-2H5v2H3v-6a2 2 0 0 1 2-2m0 2v2h2v-2zm7.93-2H15l-2.93 8H10zM18 16h3v2h-3v4h3v2h-3a2 2 0 0 1-2-2v-4a2 2 0 0 1 2-2"/></svg>
React
import type { SVGProps } from "react";
export function MdiAirConditioner(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="M6.59.66c2.34-1.81 4.88.4 5.45 3.84c.43 0 .85.12 1.23.34c.52-.6.98-1.42.8-2.34c-.42-2.15 1.99-3.89 4.28-.92c1.81 2.34-.4 4.88-3.85 5.45c0 .43-.11.86-.34 1.24c.6.51 1.42.97 2.34.79c2.13-.42 3.88 1.98.91 4.28c-2.34 1.81-4.88-.4-5.45-3.84c-.43 0-.85-.13-1.22-.35c-.52.6-.99 1.43-.81 2.35c.42 2.14-1.99 3.89-4.28.92c-1.82-2.35.4-4.89 3.85-5.45c0-.43.13-.85.35-1.23c-.6-.51-1.42-.98-2.35-.8c-2.13.42-3.88-1.98-.91-4.28M5 16h2a2 2 0 0 1 2 2v6H7v-2H5v2H3v-6a2 2 0 0 1 2-2m0 2v2h2v-2zm7.93-2H15l-2.93 8H10zM18 16h3v2h-3v4h3v2h-3a2 2 0 0 1-2-2v-4a2 2 0 0 1 2-2"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M6.59.66c2.34-1.81 4.88.4 5.45 3.84c.43 0 .85.12 1.23.34c.52-.6.98-1.42.8-2.34c-.42-2.15 1.99-3.89 4.28-.92c1.81 2.34-.4 4.88-3.85 5.45c0 .43-.11.86-.34 1.24c.6.51 1.42.97 2.34.79c2.13-.42 3.88 1.98.91 4.28c-2.34 1.81-4.88-.4-5.45-3.84c-.43 0-.85-.13-1.22-.35c-.52.6-.99 1.43-.81 2.35c.42 2.14-1.99 3.89-4.28.92c-1.82-2.35.4-4.89 3.85-5.45c0-.43.13-.85.35-1.23c-.6-.51-1.42-.98-2.35-.8c-2.13.42-3.88-1.98-.91-4.28M5 16h2a2 2 0 0 1 2 2v6H7v-2H5v2H3v-6a2 2 0 0 1 2-2m0 2v2h2v-2zm7.93-2H15l-2.93 8H10zM18 16h3v2h-3v4h3v2h-3a2 2 0 0 1-2-2v-4a2 2 0 0 1 2-2"/></svg> </template>
CSS
.icon-air-conditioner {
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%22M6.59.66c2.34-1.81%204.88.4%205.45%203.84c.43%200%20.85.12%201.23.34c.52-.6.98-1.42.8-2.34c-.42-2.15%201.99-3.89%204.28-.92c1.81%202.34-.4%204.88-3.85%205.45c0%20.43-.11.86-.34%201.24c.6.51%201.42.97%202.34.79c2.13-.42%203.88%201.98.91%204.28c-2.34%201.81-4.88-.4-5.45-3.84c-.43%200-.85-.13-1.22-.35c-.52.6-.99%201.43-.81%202.35c.42%202.14-1.99%203.89-4.28.92c-1.82-2.35.4-4.89%203.85-5.45c0-.43.13-.85.35-1.23c-.6-.51-1.42-.98-2.35-.8c-2.13.42-3.88-1.98-.91-4.28M5%2016h2a2%202%200%200%201%202%202v6H7v-2H5v2H3v-6a2%202%200%200%201%202-2m0%202v2h2v-2zm7.93-2H15l-2.93%208H10zM18%2016h3v2h-3v4h3v2h-3a2%202%200%200%201-2-2v-4a2%202%200%200%201%202-2%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%22M6.59.66c2.34-1.81%204.88.4%205.45%203.84c.43%200%20.85.12%201.23.34c.52-.6.98-1.42.8-2.34c-.42-2.15%201.99-3.89%204.28-.92c1.81%202.34-.4%204.88-3.85%205.45c0%20.43-.11.86-.34%201.24c.6.51%201.42.97%202.34.79c2.13-.42%203.88%201.98.91%204.28c-2.34%201.81-4.88-.4-5.45-3.84c-.43%200-.85-.13-1.22-.35c-.52.6-.99%201.43-.81%202.35c.42%202.14-1.99%203.89-4.28.92c-1.82-2.35.4-4.89%203.85-5.45c0-.43.13-.85.35-1.23c-.6-.51-1.42-.98-2.35-.8c-2.13.42-3.88-1.98-.91-4.28M5%2016h2a2%202%200%200%201%202%202v6H7v-2H5v2H3v-6a2%202%200%200%201%202-2m0%202v2h2v-2zm7.93-2H15l-2.93%208H10zM18%2016h3v2h-3v4h3v2h-3a2%202%200%200%201-2-2v-4a2%202%200%200%201%202-2%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mdi/air-conditioner.svg?color=%231a73e8&size=48
