baseline auto mode icon
baseline-auto-mode from Google Material Icons by Material Design Authors · Baseline · Home · Apache-2.0 Free for personal and commercial use.
- Name
- baseline-auto-mode
- Set
- Google Material Icons
- Style
- Baseline
- Category
- Home
- Viewbox
- 24×24
- License
- Apache 2.0
More home icons from Google Material Icons
baseline-blindsbaseline-blinds-closedbaseline-broadcast-on-homebaseline-broadcast-on-personalbaseline-curtainsbaseline-curtains-closedbaseline-electric-boltbaseline-electric-meterbaseline-energy-savings-leafbaseline-gas-meterbaseline-heat-pumpbaseline-mode-fan-offbaseline-nest-cam-wired-standbaseline-oil-barrelbaseline-propanebaseline-propane-tankbaseline-roller-shadesbaseline-roller-shades-closedbaseline-sensor-doorbaseline-sensor-occupiedbaseline-sensor-windowbaseline-shield-moonbaseline-solar-powerbaseline-vertical-shades
Use the baseline auto mode icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M19.03 3.56c-1.67-1.39-3.74-2.3-6.03-2.51v2.01c1.73.19 3.31.88 4.61 1.92zM11 3.06V1.05c-2.29.2-4.36 1.12-6.03 2.51l1.42 1.42A8.93 8.93 0 0 1 11 3.06M4.98 6.39L3.56 4.97C2.17 6.64 1.26 8.71 1.05 11h2.01c.19-1.73.88-3.31 1.92-4.61M20.94 11h2.01c-.21-2.29-1.12-4.36-2.51-6.03l-1.42 1.42A8.93 8.93 0 0 1 20.94 11M7 12l3.44 1.56L12 17l1.56-3.44L17 12l-3.44-1.56L12 7l-1.56 3.44z"/><path fill="currentColor" d="M12 21a8.96 8.96 0 0 1-7.46-4H7v-2H1v6h2v-2.7c1.99 2.84 5.27 4.7 9 4.7c4.87 0 9-3.17 10.44-7.56l-1.96-.45C19.25 18.48 15.92 21 12 21"/></svg>
React
import type { SVGProps } from "react";
export function IcBaselineAutoMode(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.03 3.56c-1.67-1.39-3.74-2.3-6.03-2.51v2.01c1.73.19 3.31.88 4.61 1.92zM11 3.06V1.05c-2.29.2-4.36 1.12-6.03 2.51l1.42 1.42A8.93 8.93 0 0 1 11 3.06M4.98 6.39L3.56 4.97C2.17 6.64 1.26 8.71 1.05 11h2.01c.19-1.73.88-3.31 1.92-4.61M20.94 11h2.01c-.21-2.29-1.12-4.36-2.51-6.03l-1.42 1.42A8.93 8.93 0 0 1 20.94 11M7 12l3.44 1.56L12 17l1.56-3.44L17 12l-3.44-1.56L12 7l-1.56 3.44z"/><path fill="currentColor" d="M12 21a8.96 8.96 0 0 1-7.46-4H7v-2H1v6h2v-2.7c1.99 2.84 5.27 4.7 9 4.7c4.87 0 9-3.17 10.44-7.56l-1.96-.45C19.25 18.48 15.92 21 12 21"/></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.03 3.56c-1.67-1.39-3.74-2.3-6.03-2.51v2.01c1.73.19 3.31.88 4.61 1.92zM11 3.06V1.05c-2.29.2-4.36 1.12-6.03 2.51l1.42 1.42A8.93 8.93 0 0 1 11 3.06M4.98 6.39L3.56 4.97C2.17 6.64 1.26 8.71 1.05 11h2.01c.19-1.73.88-3.31 1.92-4.61M20.94 11h2.01c-.21-2.29-1.12-4.36-2.51-6.03l-1.42 1.42A8.93 8.93 0 0 1 20.94 11M7 12l3.44 1.56L12 17l1.56-3.44L17 12l-3.44-1.56L12 7l-1.56 3.44z"/><path fill="currentColor" d="M12 21a8.96 8.96 0 0 1-7.46-4H7v-2H1v6h2v-2.7c1.99 2.84 5.27 4.7 9 4.7c4.87 0 9-3.17 10.44-7.56l-1.96-.45C19.25 18.48 15.92 21 12 21"/></svg> </template>
CSS
.icon-baseline-auto-mode {
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.03%203.56c-1.67-1.39-3.74-2.3-6.03-2.51v2.01c1.73.19%203.31.88%204.61%201.92zM11%203.06V1.05c-2.29.2-4.36%201.12-6.03%202.51l1.42%201.42A8.93%208.93%200%200%201%2011%203.06M4.98%206.39L3.56%204.97C2.17%206.64%201.26%208.71%201.05%2011h2.01c.19-1.73.88-3.31%201.92-4.61M20.94%2011h2.01c-.21-2.29-1.12-4.36-2.51-6.03l-1.42%201.42A8.93%208.93%200%200%201%2020.94%2011M7%2012l3.44%201.56L12%2017l1.56-3.44L17%2012l-3.44-1.56L12%207l-1.56%203.44z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%2021a8.96%208.96%200%200%201-7.46-4H7v-2H1v6h2v-2.7c1.99%202.84%205.27%204.7%209%204.7c4.87%200%209-3.17%2010.44-7.56l-1.96-.45C19.25%2018.48%2015.92%2021%2012%2021%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.03%203.56c-1.67-1.39-3.74-2.3-6.03-2.51v2.01c1.73.19%203.31.88%204.61%201.92zM11%203.06V1.05c-2.29.2-4.36%201.12-6.03%202.51l1.42%201.42A8.93%208.93%200%200%201%2011%203.06M4.98%206.39L3.56%204.97C2.17%206.64%201.26%208.71%201.05%2011h2.01c.19-1.73.88-3.31%201.92-4.61M20.94%2011h2.01c-.21-2.29-1.12-4.36-2.51-6.03l-1.42%201.42A8.93%208.93%200%200%201%2020.94%2011M7%2012l3.44%201.56L12%2017l1.56-3.44L17%2012l-3.44-1.56L12%207l-1.56%203.44z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%2021a8.96%208.96%200%200%201-7.46-4H7v-2H1v6h2v-2.7c1.99%202.84%205.27%204.7%209%204.7c4.87%200%209-3.17%2010.44-7.56l-1.96-.45C19.25%2018.48%2015.92%2021%2012%2021%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ic/baseline-auto-mode.svg?color=%231a73e8&size=48
