air icon
air-rounded from Material Symbols by Google · Rounded · Activities · Apache-2.0 Free for personal and commercial use.
- Name
- air-rounded
- Set
- Material Symbols
- Style
- Rounded
- Category
- Activities
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- air-outline-rounded
1 other variant in Material Symbols
The same icon in other sets
More activities icons from Material Symbols
Use the air icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11.5 20q-.8 0-1.487-.4T8.9 18.5q-.275-.5-.012-1T9.7 17q.325 0 .575.2t.45.45q.125.175.338.263T11.5 18q.425 0 .713-.288T12.5 17t-.288-.712T11.5 16H3q-.425 0-.712-.288T2 15t.288-.712T3 14h8.5q1.25 0 2.125.875T14.5 17t-.875 2.125T11.5 20M3 10q-.425 0-.712-.288T2 9t.288-.712T3 8h12.5q.625 0 1.063-.437T17 6.5t-.437-1.062T15.5 5q-.4 0-.75.188t-.55.537q-.175.3-.425.538t-.6.237q-.5 0-.812-.375t-.163-.8q.35-1.05 1.263-1.687T15.5 3q1.45 0 2.475 1.025T19 6.5t-1.025 2.475T15.5 10zm16.95 7.7q-.5.225-.975-.062T18.5 16.8q0-.35.238-.587t.537-.413q.35-.2.538-.55T20 14.5q0-.625-.437-1.062T18.5 13H3q-.425 0-.712-.288T2 12t.288-.712T3 11h15.5q1.45 0 2.475 1.025T22 14.5q0 1.05-.55 1.913t-1.5 1.287"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsAirRounded(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="M11.5 20q-.8 0-1.487-.4T8.9 18.5q-.275-.5-.012-1T9.7 17q.325 0 .575.2t.45.45q.125.175.338.263T11.5 18q.425 0 .713-.288T12.5 17t-.288-.712T11.5 16H3q-.425 0-.712-.288T2 15t.288-.712T3 14h8.5q1.25 0 2.125.875T14.5 17t-.875 2.125T11.5 20M3 10q-.425 0-.712-.288T2 9t.288-.712T3 8h12.5q.625 0 1.063-.437T17 6.5t-.437-1.062T15.5 5q-.4 0-.75.188t-.55.537q-.175.3-.425.538t-.6.237q-.5 0-.812-.375t-.163-.8q.35-1.05 1.263-1.687T15.5 3q1.45 0 2.475 1.025T19 6.5t-1.025 2.475T15.5 10zm16.95 7.7q-.5.225-.975-.062T18.5 16.8q0-.35.238-.587t.537-.413q.35-.2.538-.55T20 14.5q0-.625-.437-1.062T18.5 13H3q-.425 0-.712-.288T2 12t.288-.712T3 11h15.5q1.45 0 2.475 1.025T22 14.5q0 1.05-.55 1.913t-1.5 1.287"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11.5 20q-.8 0-1.487-.4T8.9 18.5q-.275-.5-.012-1T9.7 17q.325 0 .575.2t.45.45q.125.175.338.263T11.5 18q.425 0 .713-.288T12.5 17t-.288-.712T11.5 16H3q-.425 0-.712-.288T2 15t.288-.712T3 14h8.5q1.25 0 2.125.875T14.5 17t-.875 2.125T11.5 20M3 10q-.425 0-.712-.288T2 9t.288-.712T3 8h12.5q.625 0 1.063-.437T17 6.5t-.437-1.062T15.5 5q-.4 0-.75.188t-.55.537q-.175.3-.425.538t-.6.237q-.5 0-.812-.375t-.163-.8q.35-1.05 1.263-1.687T15.5 3q1.45 0 2.475 1.025T19 6.5t-1.025 2.475T15.5 10zm16.95 7.7q-.5.225-.975-.062T18.5 16.8q0-.35.238-.587t.537-.413q.35-.2.538-.55T20 14.5q0-.625-.437-1.062T18.5 13H3q-.425 0-.712-.288T2 12t.288-.712T3 11h15.5q1.45 0 2.475 1.025T22 14.5q0 1.05-.55 1.913t-1.5 1.287"/></svg> </template>
CSS
.icon-air-rounded {
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%22M11.5%2020q-.8%200-1.487-.4T8.9%2018.5q-.275-.5-.012-1T9.7%2017q.325%200%20.575.2t.45.45q.125.175.338.263T11.5%2018q.425%200%20.713-.288T12.5%2017t-.288-.712T11.5%2016H3q-.425%200-.712-.288T2%2015t.288-.712T3%2014h8.5q1.25%200%202.125.875T14.5%2017t-.875%202.125T11.5%2020M3%2010q-.425%200-.712-.288T2%209t.288-.712T3%208h12.5q.625%200%201.063-.437T17%206.5t-.437-1.062T15.5%205q-.4%200-.75.188t-.55.537q-.175.3-.425.538t-.6.237q-.5%200-.812-.375t-.163-.8q.35-1.05%201.263-1.687T15.5%203q1.45%200%202.475%201.025T19%206.5t-1.025%202.475T15.5%2010zm16.95%207.7q-.5.225-.975-.062T18.5%2016.8q0-.35.238-.587t.537-.413q.35-.2.538-.55T20%2014.5q0-.625-.437-1.062T18.5%2013H3q-.425%200-.712-.288T2%2012t.288-.712T3%2011h15.5q1.45%200%202.475%201.025T22%2014.5q0%201.05-.55%201.913t-1.5%201.287%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%22M11.5%2020q-.8%200-1.487-.4T8.9%2018.5q-.275-.5-.012-1T9.7%2017q.325%200%20.575.2t.45.45q.125.175.338.263T11.5%2018q.425%200%20.713-.288T12.5%2017t-.288-.712T11.5%2016H3q-.425%200-.712-.288T2%2015t.288-.712T3%2014h8.5q1.25%200%202.125.875T14.5%2017t-.875%202.125T11.5%2020M3%2010q-.425%200-.712-.288T2%209t.288-.712T3%208h12.5q.625%200%201.063-.437T17%206.5t-.437-1.062T15.5%205q-.4%200-.75.188t-.55.537q-.175.3-.425.538t-.6.237q-.5%200-.812-.375t-.163-.8q.35-1.05%201.263-1.687T15.5%203q1.45%200%202.475%201.025T19%206.5t-1.025%202.475T15.5%2010zm16.95%207.7q-.5.225-.975-.062T18.5%2016.8q0-.35.238-.587t.537-.413q.35-.2.538-.55T20%2014.5q0-.625-.437-1.062T18.5%2013H3q-.425%200-.712-.288T2%2012t.288-.712T3%2011h15.5q1.45%200%202.475%201.025T22%2014.5q0%201.05-.55%201.913t-1.5%201.287%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols/air-rounded.svg?color=%231a73e8&size=48
