auto logo
auto from Material Icon Theme by Material Extensions · Color · MIT Free for personal and commercial use.
- Name
- auto
- Set
- Material Icon Theme
- Style
- Color
- Viewbox
- 24×24
- License
- MIT
The same logo in other sets
Related icons in Material Icon Theme
Use the auto logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#ffc400" d="M8.48 4.17c.334.574 1.047.798 1.696.636A7.5 7.5 0 0 1 12 4.583c.62 0 1.223.075 1.799.217c.647.159 1.357-.065 1.691-.64c.39-.668.116-1.532-.63-1.751A10.1 10.1 0 0 0 12 2c-1.006 0-1.977.146-2.894.419c-.743.22-1.015 1.083-.627 1.75Z"/><path fill="#ad1457" d="M5.039 4.772c.564-.535 1.458-.34 1.848.331c.333.572.176 1.292-.284 1.769a7.4 7.4 0 0 0-1.456 2.17c-.242.552-.762.958-1.367.958c-.854 0-1.496-.781-1.191-1.572a10 10 0 0 1 2.45-3.656"/><path fill="#cfd8dc" d="M3.197 12c.718 0 1.32.583 1.444 1.286c.613 3.483 3.675 6.13 7.359 6.13s6.746-2.647 7.359-6.13c.124-.703.726-1.286 1.444-1.286c.719 0 1.279.581 1.187 1.289C21.353 18.203 17.123 22 12 22s-9.353-3.797-9.99-8.711C1.918 12.58 2.478 12 3.197 12"/><path fill="#ff5252" d="M20.203 9.958c.857 0 1.5-.786 1.19-1.578a10 10 0 0 0-2.458-3.632c-.564-.533-1.455-.336-1.845.333c-.333.573-.174 1.295.289 1.772a7.4 7.4 0 0 1 1.459 2.155c.243.548.762.95 1.365.95"/><path fill="#cfd8dc" d="M7.133 9.32c-.442-.488.053-1.262.657-1.027l4.912 1.91c1.114.434 1.538 1.84.862 2.855a1.785 1.785 0 0 1-2.83.222l-3.6-3.96Z"/></svg>
React
import type { SVGProps } from "react";
export function MaterialIconThemeAuto(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#ffc400" d="M8.48 4.17c.334.574 1.047.798 1.696.636A7.5 7.5 0 0 1 12 4.583c.62 0 1.223.075 1.799.217c.647.159 1.357-.065 1.691-.64c.39-.668.116-1.532-.63-1.751A10.1 10.1 0 0 0 12 2c-1.006 0-1.977.146-2.894.419c-.743.22-1.015 1.083-.627 1.75Z"/><path fill="#ad1457" d="M5.039 4.772c.564-.535 1.458-.34 1.848.331c.333.572.176 1.292-.284 1.769a7.4 7.4 0 0 0-1.456 2.17c-.242.552-.762.958-1.367.958c-.854 0-1.496-.781-1.191-1.572a10 10 0 0 1 2.45-3.656"/><path fill="#cfd8dc" d="M3.197 12c.718 0 1.32.583 1.444 1.286c.613 3.483 3.675 6.13 7.359 6.13s6.746-2.647 7.359-6.13c.124-.703.726-1.286 1.444-1.286c.719 0 1.279.581 1.187 1.289C21.353 18.203 17.123 22 12 22s-9.353-3.797-9.99-8.711C1.918 12.58 2.478 12 3.197 12"/><path fill="#ff5252" d="M20.203 9.958c.857 0 1.5-.786 1.19-1.578a10 10 0 0 0-2.458-3.632c-.564-.533-1.455-.336-1.845.333c-.333.573-.174 1.295.289 1.772a7.4 7.4 0 0 1 1.459 2.155c.243.548.762.95 1.365.95"/><path fill="#cfd8dc" d="M7.133 9.32c-.442-.488.053-1.262.657-1.027l4.912 1.91c1.114.434 1.538 1.84.862 2.855a1.785 1.785 0 0 1-2.83.222l-3.6-3.96Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#ffc400" d="M8.48 4.17c.334.574 1.047.798 1.696.636A7.5 7.5 0 0 1 12 4.583c.62 0 1.223.075 1.799.217c.647.159 1.357-.065 1.691-.64c.39-.668.116-1.532-.63-1.751A10.1 10.1 0 0 0 12 2c-1.006 0-1.977.146-2.894.419c-.743.22-1.015 1.083-.627 1.75Z"/><path fill="#ad1457" d="M5.039 4.772c.564-.535 1.458-.34 1.848.331c.333.572.176 1.292-.284 1.769a7.4 7.4 0 0 0-1.456 2.17c-.242.552-.762.958-1.367.958c-.854 0-1.496-.781-1.191-1.572a10 10 0 0 1 2.45-3.656"/><path fill="#cfd8dc" d="M3.197 12c.718 0 1.32.583 1.444 1.286c.613 3.483 3.675 6.13 7.359 6.13s6.746-2.647 7.359-6.13c.124-.703.726-1.286 1.444-1.286c.719 0 1.279.581 1.187 1.289C21.353 18.203 17.123 22 12 22s-9.353-3.797-9.99-8.711C1.918 12.58 2.478 12 3.197 12"/><path fill="#ff5252" d="M20.203 9.958c.857 0 1.5-.786 1.19-1.578a10 10 0 0 0-2.458-3.632c-.564-.533-1.455-.336-1.845.333c-.333.573-.174 1.295.289 1.772a7.4 7.4 0 0 1 1.459 2.155c.243.548.762.95 1.365.95"/><path fill="#cfd8dc" d="M7.133 9.32c-.442-.488.053-1.262.657-1.027l4.912 1.91c1.114.434 1.538 1.84.862 2.855a1.785 1.785 0 0 1-2.83.222l-3.6-3.96Z"/></svg> </template>
CSS
.icon-auto {
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%22%23ffc400%22%20d%3D%22M8.48%204.17c.334.574%201.047.798%201.696.636A7.5%207.5%200%200%201%2012%204.583c.62%200%201.223.075%201.799.217c.647.159%201.357-.065%201.691-.64c.39-.668.116-1.532-.63-1.751A10.1%2010.1%200%200%200%2012%202c-1.006%200-1.977.146-2.894.419c-.743.22-1.015%201.083-.627%201.75Z%22%2F%3E%3Cpath%20fill%3D%22%23ad1457%22%20d%3D%22M5.039%204.772c.564-.535%201.458-.34%201.848.331c.333.572.176%201.292-.284%201.769a7.4%207.4%200%200%200-1.456%202.17c-.242.552-.762.958-1.367.958c-.854%200-1.496-.781-1.191-1.572a10%2010%200%200%201%202.45-3.656%22%2F%3E%3Cpath%20fill%3D%22%23cfd8dc%22%20d%3D%22M3.197%2012c.718%200%201.32.583%201.444%201.286c.613%203.483%203.675%206.13%207.359%206.13s6.746-2.647%207.359-6.13c.124-.703.726-1.286%201.444-1.286c.719%200%201.279.581%201.187%201.289C21.353%2018.203%2017.123%2022%2012%2022s-9.353-3.797-9.99-8.711C1.918%2012.58%202.478%2012%203.197%2012%22%2F%3E%3Cpath%20fill%3D%22%23ff5252%22%20d%3D%22M20.203%209.958c.857%200%201.5-.786%201.19-1.578a10%2010%200%200%200-2.458-3.632c-.564-.533-1.455-.336-1.845.333c-.333.573-.174%201.295.289%201.772a7.4%207.4%200%200%201%201.459%202.155c.243.548.762.95%201.365.95%22%2F%3E%3Cpath%20fill%3D%22%23cfd8dc%22%20d%3D%22M7.133%209.32c-.442-.488.053-1.262.657-1.027l4.912%201.91c1.114.434%201.538%201.84.862%202.855a1.785%201.785%200%200%201-2.83.222l-3.6-3.96Z%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%22%23ffc400%22%20d%3D%22M8.48%204.17c.334.574%201.047.798%201.696.636A7.5%207.5%200%200%201%2012%204.583c.62%200%201.223.075%201.799.217c.647.159%201.357-.065%201.691-.64c.39-.668.116-1.532-.63-1.751A10.1%2010.1%200%200%200%2012%202c-1.006%200-1.977.146-2.894.419c-.743.22-1.015%201.083-.627%201.75Z%22%2F%3E%3Cpath%20fill%3D%22%23ad1457%22%20d%3D%22M5.039%204.772c.564-.535%201.458-.34%201.848.331c.333.572.176%201.292-.284%201.769a7.4%207.4%200%200%200-1.456%202.17c-.242.552-.762.958-1.367.958c-.854%200-1.496-.781-1.191-1.572a10%2010%200%200%201%202.45-3.656%22%2F%3E%3Cpath%20fill%3D%22%23cfd8dc%22%20d%3D%22M3.197%2012c.718%200%201.32.583%201.444%201.286c.613%203.483%203.675%206.13%207.359%206.13s6.746-2.647%207.359-6.13c.124-.703.726-1.286%201.444-1.286c.719%200%201.279.581%201.187%201.289C21.353%2018.203%2017.123%2022%2012%2022s-9.353-3.797-9.99-8.711C1.918%2012.58%202.478%2012%203.197%2012%22%2F%3E%3Cpath%20fill%3D%22%23ff5252%22%20d%3D%22M20.203%209.958c.857%200%201.5-.786%201.19-1.578a10%2010%200%200%200-2.458-3.632c-.564-.533-1.455-.336-1.845.333c-.333.573-.174%201.295.289%201.772a7.4%207.4%200%200%201%201.459%202.155c.243.548.762.95%201.365.95%22%2F%3E%3Cpath%20fill%3D%22%23cfd8dc%22%20d%3D%22M7.133%209.32c-.442-.488.053-1.262.657-1.027l4.912%201.91c1.114.434%201.538%201.84.862%202.855a1.785%201.785%200%200%201-2.83.222l-3.6-3.96Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-icon-theme/auto.svg?color=%231a73e8&size=48
