auto logo
auto from Web3 Icons Branded by 0xa3k5 · Branded · MIT Free for personal and commercial use.
- Name
- auto
- Set
- Web3 Icons Branded
- Style
- Branded
- Viewbox
- 24×24
- License
- MIT
1 other variant in Web3 Icons Branded
The same logo in other sets
Use the auto logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path fill="#e9595c" d="m6.73 15.965l3.023-1.894l5.376 3.197l-3.01 1.934z"/><path fill="#109e92" d="M11.166 5.366L5.958 8.523v6.094l5.209-3.03z"/><path fill="#000" d="m19.58 14.94l-3.316-2.074v-1.783l1.421.757V8.57l-4.737-3.08v6.982l-1.415.807l6.723 4.023L12 21l-7.58-4.48V7.56L12 3l7.58 4.56zM6.315 8.571v5.83l4.736-2.88V5.61zm3.469 5.71l-2.798 1.727L12 18.97l2.832-1.675z"/></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedAuto(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path fill="#e9595c" d="m6.73 15.965l3.023-1.894l5.376 3.197l-3.01 1.934z"/><path fill="#109e92" d="M11.166 5.366L5.958 8.523v6.094l5.209-3.03z"/><path fill="#000" d="m19.58 14.94l-3.316-2.074v-1.783l1.421.757V8.57l-4.737-3.08v6.982l-1.415.807l6.723 4.023L12 21l-7.58-4.48V7.56L12 3l7.58 4.56zM6.315 8.571v5.83l4.736-2.88V5.61zm3.469 5.71l-2.798 1.727L12 18.97l2.832-1.675z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path fill="#e9595c" d="m6.73 15.965l3.023-1.894l5.376 3.197l-3.01 1.934z"/><path fill="#109e92" d="M11.166 5.366L5.958 8.523v6.094l5.209-3.03z"/><path fill="#000" d="m19.58 14.94l-3.316-2.074v-1.783l1.421.757V8.57l-4.737-3.08v6.982l-1.415.807l6.723 4.023L12 21l-7.58-4.48V7.56L12 3l7.58 4.56zM6.315 8.571v5.83l4.736-2.88V5.61zm3.469 5.71l-2.798 1.727L12 18.97l2.832-1.675z"/></g></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%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23e9595c%22%20d%3D%22m6.73%2015.965l3.023-1.894l5.376%203.197l-3.01%201.934z%22%2F%3E%3Cpath%20fill%3D%22%23109e92%22%20d%3D%22M11.166%205.366L5.958%208.523v6.094l5.209-3.03z%22%2F%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22m19.58%2014.94l-3.316-2.074v-1.783l1.421.757V8.57l-4.737-3.08v6.982l-1.415.807l6.723%204.023L12%2021l-7.58-4.48V7.56L12%203l7.58%204.56zM6.315%208.571v5.83l4.736-2.88V5.61zm3.469%205.71l-2.798%201.727L12%2018.97l2.832-1.675z%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23e9595c%22%20d%3D%22m6.73%2015.965l3.023-1.894l5.376%203.197l-3.01%201.934z%22%2F%3E%3Cpath%20fill%3D%22%23109e92%22%20d%3D%22M11.166%205.366L5.958%208.523v6.094l5.209-3.03z%22%2F%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22m19.58%2014.94l-3.316-2.074v-1.783l1.421.757V8.57l-4.737-3.08v6.982l-1.415.807l6.723%204.023L12%2021l-7.58-4.48V7.56L12%203l7.58%204.56zM6.315%208.571v5.83l4.736-2.88V5.61zm3.469%205.71l-2.798%201.727L12%2018.97l2.832-1.675z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/token-branded/auto.svg?color=%231a73e8&size=48
