carplay icon

carplay-fill from MingCute Icon by MingCute Design · Fill · Apache-2.0 Free for personal and commercial use.

Name
carplay-fill
Set
MingCute Icon
Style
Fill
Viewbox
24×24
License
Apache 2.0

1 other variant in MingCute Icon

carplay-line

Use the carplay icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M12 4a8 8 0 1 0 5.333 13.963a1 1 0 1 1 1.334 1.49A9.97 9.97 0 0 1 12 22C6.477 22 2 17.523 2 12S6.477 2 12 2c2.56 0 4.898.964 6.667 2.547a1 1 0 1 1-1.334 1.49A7.97 7.97 0 0 0 12 4M8.965 8.644a1.188 1.188 0 0 1 1.648-.95c.467.2 1.536.682 2.895 1.466a28 28 0 0 1 2.717 1.775a1.188 1.188 0 0 1 0 1.901a27 27 0 0 1-2.718 1.774a27 27 0 0 1-2.896 1.468a1.188 1.188 0 0 1-1.646-.95a27 27 0 0 1-.179-3.242c0-1.575.117-2.738.18-3.242" clip-rule="evenodd"/></svg>

React

import type { SVGProps } from "react";

export function MingcuteCarplayFill(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" fillRule="evenodd" d="M12 4a8 8 0 1 0 5.333 13.963a1 1 0 1 1 1.334 1.49A9.97 9.97 0 0 1 12 22C6.477 22 2 17.523 2 12S6.477 2 12 2c2.56 0 4.898.964 6.667 2.547a1 1 0 1 1-1.334 1.49A7.97 7.97 0 0 0 12 4M8.965 8.644a1.188 1.188 0 0 1 1.648-.95c.467.2 1.536.682 2.895 1.466a28 28 0 0 1 2.717 1.775a1.188 1.188 0 0 1 0 1.901a27 27 0 0 1-2.718 1.774a27 27 0 0 1-2.896 1.468a1.188 1.188 0 0 1-1.646-.95a27 27 0 0 1-.179-3.242c0-1.575.117-2.738.18-3.242" clipRule="evenodd"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M12 4a8 8 0 1 0 5.333 13.963a1 1 0 1 1 1.334 1.49A9.97 9.97 0 0 1 12 22C6.477 22 2 17.523 2 12S6.477 2 12 2c2.56 0 4.898.964 6.667 2.547a1 1 0 1 1-1.334 1.49A7.97 7.97 0 0 0 12 4M8.965 8.644a1.188 1.188 0 0 1 1.648-.95c.467.2 1.536.682 2.895 1.466a28 28 0 0 1 2.717 1.775a1.188 1.188 0 0 1 0 1.901a27 27 0 0 1-2.718 1.774a27 27 0 0 1-2.896 1.468a1.188 1.188 0 0 1-1.646-.95a27 27 0 0 1-.179-3.242c0-1.575.117-2.738.18-3.242" clip-rule="evenodd"/></svg>
</template>

CSS

.icon-carplay-fill {
  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%20fill-rule%3D%22evenodd%22%20d%3D%22M12%204a8%208%200%201%200%205.333%2013.963a1%201%200%201%201%201.334%201.49A9.97%209.97%200%200%201%2012%2022C6.477%2022%202%2017.523%202%2012S6.477%202%2012%202c2.56%200%204.898.964%206.667%202.547a1%201%200%201%201-1.334%201.49A7.97%207.97%200%200%200%2012%204M8.965%208.644a1.188%201.188%200%200%201%201.648-.95c.467.2%201.536.682%202.895%201.466a28%2028%200%200%201%202.717%201.775a1.188%201.188%200%200%201%200%201.901a27%2027%200%200%201-2.718%201.774a27%2027%200%200%201-2.896%201.468a1.188%201.188%200%200%201-1.646-.95a27%2027%200%200%201-.179-3.242c0-1.575.117-2.738.18-3.242%22%20clip-rule%3D%22evenodd%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%20fill-rule%3D%22evenodd%22%20d%3D%22M12%204a8%208%200%201%200%205.333%2013.963a1%201%200%201%201%201.334%201.49A9.97%209.97%200%200%201%2012%2022C6.477%2022%202%2017.523%202%2012S6.477%202%2012%202c2.56%200%204.898.964%206.667%202.547a1%201%200%201%201-1.334%201.49A7.97%207.97%200%200%200%2012%204M8.965%208.644a1.188%201.188%200%200%201%201.648-.95c.467.2%201.536.682%202.895%201.466a28%2028%200%200%201%202.717%201.775a1.188%201.188%200%200%201%200%201.901a27%2027%200%200%201-2.718%201.774a27%2027%200%200%201-2.896%201.468a1.188%201.188%200%200%201-1.646-.95a27%2027%200%200%201-.179-3.242c0-1.575.117-2.738.18-3.242%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mingcute/carplay-fill.svg?color=%231a73e8&size=48