electric car icon

electric-car-rounded from Material Symbols by Google · Rounded · Transit · Apache-2.0 Free for personal and commercial use.

Name
electric-car-rounded
Set
Material Symbols
Style
Rounded
Category
Transit
Viewbox
24×24
License
Apache 2.0

5 other variants in Material Symbols

electric-carelectric-car-outlineelectric-car-outline-roundedelectric-car-outline-sharpelectric-car-sharp

The same icon in other sets

electric-carMaterial Symbols Light

More transit icons from Material Symbols

agricultureairlinesairport-shuttleambulanceauto-towingauto-transmissionbike-dockbike-lanebike-scooterboat-busboat-railwaybus-alertbus-map-pinbus-railwaycable-carcar-crashcar-defrost-leftcar-defrost-low-leftcar-defrost-low-rightcar-defrost-mid-leftcar-defrost-mid-low-leftcar-defrost-mid-low-rightcar-defrost-mid-rightcar-defrost-right

Use the electric car icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M6 15v.5q0 .625-.437 1.063T4.5 17t-1.062-.437T3 15.5V8.35q0-.175.025-.35t.075-.325L4.975 2.35q.2-.6.725-.975T6.875 1h10.25q.65 0 1.175.375t.725.975L20.9 7.675q.05.15.075.325t.025.35v7.15q0 .625-.437 1.063T19.5 17t-1.062-.437T18 15.5V15zm-.2-9h12.4l-1.05-3H6.85zm1.7 6q.625 0 1.063-.437T9 10.5t-.437-1.062T7.5 9t-1.062.438T6 10.5t.438 1.063T7.5 12m9 0q.625 0 1.063-.437T18 10.5t-.437-1.062T16.5 9t-1.062.438T15 10.5t.438 1.063T16.5 12M13 21v1.2q0 .275-.238.425t-.487.025L7.95 20.475q-.175-.1-.138-.288T8.05 20H11v-1.2q0-.275.238-.425t.487-.025l4.325 2.175q.175.1.138.288T15.95 21z"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsElectricCarRounded(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 15v.5q0 .625-.437 1.063T4.5 17t-1.062-.437T3 15.5V8.35q0-.175.025-.35t.075-.325L4.975 2.35q.2-.6.725-.975T6.875 1h10.25q.65 0 1.175.375t.725.975L20.9 7.675q.05.15.075.325t.025.35v7.15q0 .625-.437 1.063T19.5 17t-1.062-.437T18 15.5V15zm-.2-9h12.4l-1.05-3H6.85zm1.7 6q.625 0 1.063-.437T9 10.5t-.437-1.062T7.5 9t-1.062.438T6 10.5t.438 1.063T7.5 12m9 0q.625 0 1.063-.437T18 10.5t-.437-1.062T16.5 9t-1.062.438T15 10.5t.438 1.063T16.5 12M13 21v1.2q0 .275-.238.425t-.487.025L7.95 20.475q-.175-.1-.138-.288T8.05 20H11v-1.2q0-.275.238-.425t.487-.025l4.325 2.175q.175.1.138.288T15.95 21z"/></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 15v.5q0 .625-.437 1.063T4.5 17t-1.062-.437T3 15.5V8.35q0-.175.025-.35t.075-.325L4.975 2.35q.2-.6.725-.975T6.875 1h10.25q.65 0 1.175.375t.725.975L20.9 7.675q.05.15.075.325t.025.35v7.15q0 .625-.437 1.063T19.5 17t-1.062-.437T18 15.5V15zm-.2-9h12.4l-1.05-3H6.85zm1.7 6q.625 0 1.063-.437T9 10.5t-.437-1.062T7.5 9t-1.062.438T6 10.5t.438 1.063T7.5 12m9 0q.625 0 1.063-.437T18 10.5t-.437-1.062T16.5 9t-1.062.438T15 10.5t.438 1.063T16.5 12M13 21v1.2q0 .275-.238.425t-.487.025L7.95 20.475q-.175-.1-.138-.288T8.05 20H11v-1.2q0-.275.238-.425t.487-.025l4.325 2.175q.175.1.138.288T15.95 21z"/></svg>
</template>

CSS

.icon-electric-car-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%22M6%2015v.5q0%20.625-.437%201.063T4.5%2017t-1.062-.437T3%2015.5V8.35q0-.175.025-.35t.075-.325L4.975%202.35q.2-.6.725-.975T6.875%201h10.25q.65%200%201.175.375t.725.975L20.9%207.675q.05.15.075.325t.025.35v7.15q0%20.625-.437%201.063T19.5%2017t-1.062-.437T18%2015.5V15zm-.2-9h12.4l-1.05-3H6.85zm1.7%206q.625%200%201.063-.437T9%2010.5t-.437-1.062T7.5%209t-1.062.438T6%2010.5t.438%201.063T7.5%2012m9%200q.625%200%201.063-.437T18%2010.5t-.437-1.062T16.5%209t-1.062.438T15%2010.5t.438%201.063T16.5%2012M13%2021v1.2q0%20.275-.238.425t-.487.025L7.95%2020.475q-.175-.1-.138-.288T8.05%2020H11v-1.2q0-.275.238-.425t.487-.025l4.325%202.175q.175.1.138.288T15.95%2021z%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%2015v.5q0%20.625-.437%201.063T4.5%2017t-1.062-.437T3%2015.5V8.35q0-.175.025-.35t.075-.325L4.975%202.35q.2-.6.725-.975T6.875%201h10.25q.65%200%201.175.375t.725.975L20.9%207.675q.05.15.075.325t.025.35v7.15q0%20.625-.437%201.063T19.5%2017t-1.062-.437T18%2015.5V15zm-.2-9h12.4l-1.05-3H6.85zm1.7%206q.625%200%201.063-.437T9%2010.5t-.437-1.062T7.5%209t-1.062.438T6%2010.5t.438%201.063T7.5%2012m9%200q.625%200%201.063-.437T18%2010.5t-.437-1.062T16.5%209t-1.062.438T15%2010.5t.438%201.063T16.5%2012M13%2021v1.2q0%20.275-.238.425t-.487.025L7.95%2020.475q-.175-.1-.138-.288T8.05%2020H11v-1.2q0-.275.238-.425t.487-.025l4.325%202.175q.175.1.138.288T15.95%2021z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols/electric-car-rounded.svg?color=%231a73e8&size=48