car clock icon
car-clock from Material Design Icons by Pictogrammers · Filled · Automotive · Apache-2.0 Free for personal and commercial use.
- Name
- car-clock
- Set
- Material Design Icons
- Style
- Filled
- Category
- Automotive
- Viewbox
- 24×24
- License
- Apache 2.0
More automotive icons from Material Design Icons
air-conditionerairbagbatterybattery-10battery-20battery-30battery-40battery-50battery-60battery-70battery-80battery-90battery-chargingbattery-charging-10battery-charging-100battery-charging-20battery-charging-30battery-charging-40battery-charging-50battery-charging-60battery-charging-70battery-charging-80battery-charging-90bugle
Use the car clock icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M23 8c0-3.87-3.13-7-7-7c-3.53 0-6.43 2.61-6.92 6H4.5c-.66 0-1.22.42-1.42 1L1 14v8c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-1h12v1c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-7.68c2.36-1.13 4-3.53 4-6.32m-18.5.5h4.53c.12 1.76.89 3.34 2.08 4.5H3zm0 9.5c-.83 0-1.5-.67-1.5-1.5S3.67 15 4.5 15s1.5.67 1.5 1.5S5.33 18 4.5 18m11 0c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5s1.5.67 1.5 1.5s-.67 1.5-1.5 1.5m.5-5c-1.39 0-2.56-.5-3.53-1.47S11 9.39 11 8c0-1.36.5-2.54 1.47-3.5c.97-1 2.14-1.5 3.53-1.5c1.36 0 2.54.5 3.5 1.5c1 .96 1.5 2.14 1.5 3.5c0 1.39-.5 2.56-1.5 3.53c-.96.97-2.14 1.47-3.5 1.47m.5-4.75l2.86 1.69l-.75 1.22L15 9V4h1.5z"/></svg>
React
import type { SVGProps } from "react";
export function MdiCarClock(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="M23 8c0-3.87-3.13-7-7-7c-3.53 0-6.43 2.61-6.92 6H4.5c-.66 0-1.22.42-1.42 1L1 14v8c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-1h12v1c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-7.68c2.36-1.13 4-3.53 4-6.32m-18.5.5h4.53c.12 1.76.89 3.34 2.08 4.5H3zm0 9.5c-.83 0-1.5-.67-1.5-1.5S3.67 15 4.5 15s1.5.67 1.5 1.5S5.33 18 4.5 18m11 0c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5s1.5.67 1.5 1.5s-.67 1.5-1.5 1.5m.5-5c-1.39 0-2.56-.5-3.53-1.47S11 9.39 11 8c0-1.36.5-2.54 1.47-3.5c.97-1 2.14-1.5 3.53-1.5c1.36 0 2.54.5 3.5 1.5c1 .96 1.5 2.14 1.5 3.5c0 1.39-.5 2.56-1.5 3.53c-.96.97-2.14 1.47-3.5 1.47m.5-4.75l2.86 1.69l-.75 1.22L15 9V4h1.5z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M23 8c0-3.87-3.13-7-7-7c-3.53 0-6.43 2.61-6.92 6H4.5c-.66 0-1.22.42-1.42 1L1 14v8c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-1h12v1c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-7.68c2.36-1.13 4-3.53 4-6.32m-18.5.5h4.53c.12 1.76.89 3.34 2.08 4.5H3zm0 9.5c-.83 0-1.5-.67-1.5-1.5S3.67 15 4.5 15s1.5.67 1.5 1.5S5.33 18 4.5 18m11 0c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5s1.5.67 1.5 1.5s-.67 1.5-1.5 1.5m.5-5c-1.39 0-2.56-.5-3.53-1.47S11 9.39 11 8c0-1.36.5-2.54 1.47-3.5c.97-1 2.14-1.5 3.53-1.5c1.36 0 2.54.5 3.5 1.5c1 .96 1.5 2.14 1.5 3.5c0 1.39-.5 2.56-1.5 3.53c-.96.97-2.14 1.47-3.5 1.47m.5-4.75l2.86 1.69l-.75 1.22L15 9V4h1.5z"/></svg> </template>
CSS
.icon-car-clock {
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%22M23%208c0-3.87-3.13-7-7-7c-3.53%200-6.43%202.61-6.92%206H4.5c-.66%200-1.22.42-1.42%201L1%2014v8c0%20.55.45%201%201%201h1c.55%200%201-.45%201-1v-1h12v1c0%20.55.45%201%201%201h1c.55%200%201-.45%201-1v-7.68c2.36-1.13%204-3.53%204-6.32m-18.5.5h4.53c.12%201.76.89%203.34%202.08%204.5H3zm0%209.5c-.83%200-1.5-.67-1.5-1.5S3.67%2015%204.5%2015s1.5.67%201.5%201.5S5.33%2018%204.5%2018m11%200c-.83%200-1.5-.67-1.5-1.5s.67-1.5%201.5-1.5s1.5.67%201.5%201.5s-.67%201.5-1.5%201.5m.5-5c-1.39%200-2.56-.5-3.53-1.47S11%209.39%2011%208c0-1.36.5-2.54%201.47-3.5c.97-1%202.14-1.5%203.53-1.5c1.36%200%202.54.5%203.5%201.5c1%20.96%201.5%202.14%201.5%203.5c0%201.39-.5%202.56-1.5%203.53c-.96.97-2.14%201.47-3.5%201.47m.5-4.75l2.86%201.69l-.75%201.22L15%209V4h1.5z%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%22M23%208c0-3.87-3.13-7-7-7c-3.53%200-6.43%202.61-6.92%206H4.5c-.66%200-1.22.42-1.42%201L1%2014v8c0%20.55.45%201%201%201h1c.55%200%201-.45%201-1v-1h12v1c0%20.55.45%201%201%201h1c.55%200%201-.45%201-1v-7.68c2.36-1.13%204-3.53%204-6.32m-18.5.5h4.53c.12%201.76.89%203.34%202.08%204.5H3zm0%209.5c-.83%200-1.5-.67-1.5-1.5S3.67%2015%204.5%2015s1.5.67%201.5%201.5S5.33%2018%204.5%2018m11%200c-.83%200-1.5-.67-1.5-1.5s.67-1.5%201.5-1.5s1.5.67%201.5%201.5s-.67%201.5-1.5%201.5m.5-5c-1.39%200-2.56-.5-3.53-1.47S11%209.39%2011%208c0-1.36.5-2.54%201.47-3.5c.97-1%202.14-1.5%203.53-1.5c1.36%200%202.54.5%203.5%201.5c1%20.96%201.5%202.14%201.5%203.5c0%201.39-.5%202.56-1.5%203.53c-.96.97-2.14%201.47-3.5%201.47m.5-4.75l2.86%201.69l-.75%201.22L15%209V4h1.5z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mdi/car-clock.svg?color=%231a73e8&size=48
