bus clock icon

bus-clock from Material Design Icons by Pictogrammers · Filled · Date / Time · Apache-2.0 Free for personal and commercial use.

Name
bus-clock
Set
Material Design Icons
Style
Filled
Category
Date / Time
Viewbox
24×24
License
Apache 2.0
Aliases
departure-board

More date / time icons from Material Design Icons

airplane-clockalarmalarm-checkalarm-multiplealarm-offalarm-plusalarm-snoozearchive-clockav-timerbed-clockbook-clockbriefcase-clockcalendarcalendar-arrow-leftcalendar-arrow-rightcalendar-badgecalendar-blankcalendar-blank-multiplecalendar-checkcalendar-clockcalendar-collapse-horizontalcalendar-cursorcalendar-editcalendar-end

Use the bus clock icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M16.5 4v4.25l2.86 1.69l-.75 1.22L15 9V4zm-.5 9c1.36 0 2.54-.5 3.5-1.47c1-.97 1.5-2.14 1.5-3.53c0-1.36-.5-2.54-1.5-3.5c-.96-1-2.14-1.5-3.5-1.5c-1.39 0-2.56.5-3.53 1.5C11.5 5.46 11 6.64 11 8c0 1.39.5 2.56 1.47 3.53S14.61 13 16 13m-2.5 6c.44 0 .8-.16 1.08-.46s.42-.65.42-1.04c0-.42-.14-.77-.42-1.07S13.94 16 13.5 16s-.8.13-1.08.43s-.42.65-.42 1.07c0 .39.14.74.42 1.04s.64.46 1.08.46M3 13h8.11C9.7 11.64 9 10 9 8H3zm1.5 6c.44 0 .8-.16 1.08-.46S6 17.89 6 17.5c0-.42-.14-.77-.42-1.07S4.94 16 4.5 16s-.8.13-1.08.43S3 17.08 3 17.5c0 .39.14.74.42 1.04s.64.46 1.08.46M16 1c1.92 0 3.58.67 4.95 2.05C22.33 4.42 23 6.08 23 8c0 1.77-.56 3.29-1.72 4.59c-1.15 1.29-2.58 2.07-4.28 2.32V18c0 .84-.33 1.58-1 2.2V22c0 .27-.11.5-.3.71c-.2.2-.42.29-.7.29h-1c-.27 0-.5-.09-.71-.29A.98.98 0 0 1 13 22v-1H5v1c0 .27-.09.5-.29.71c-.21.2-.44.29-.71.29H3c-.28 0-.5-.09-.7-.29c-.19-.21-.3-.44-.3-.71v-1.8c-.67-.62-1-1.36-1-2.2V8c0-1.58.67-2.65 2.05-3.2C4.42 4.26 6.41 4 9 4h.61c.28 0 .48.03.61.03C11.63 2 13.55 1 16 1"/></svg>

React

import type { SVGProps } from "react";

export function MdiBusClock(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="M16.5 4v4.25l2.86 1.69l-.75 1.22L15 9V4zm-.5 9c1.36 0 2.54-.5 3.5-1.47c1-.97 1.5-2.14 1.5-3.53c0-1.36-.5-2.54-1.5-3.5c-.96-1-2.14-1.5-3.5-1.5c-1.39 0-2.56.5-3.53 1.5C11.5 5.46 11 6.64 11 8c0 1.39.5 2.56 1.47 3.53S14.61 13 16 13m-2.5 6c.44 0 .8-.16 1.08-.46s.42-.65.42-1.04c0-.42-.14-.77-.42-1.07S13.94 16 13.5 16s-.8.13-1.08.43s-.42.65-.42 1.07c0 .39.14.74.42 1.04s.64.46 1.08.46M3 13h8.11C9.7 11.64 9 10 9 8H3zm1.5 6c.44 0 .8-.16 1.08-.46S6 17.89 6 17.5c0-.42-.14-.77-.42-1.07S4.94 16 4.5 16s-.8.13-1.08.43S3 17.08 3 17.5c0 .39.14.74.42 1.04s.64.46 1.08.46M16 1c1.92 0 3.58.67 4.95 2.05C22.33 4.42 23 6.08 23 8c0 1.77-.56 3.29-1.72 4.59c-1.15 1.29-2.58 2.07-4.28 2.32V18c0 .84-.33 1.58-1 2.2V22c0 .27-.11.5-.3.71c-.2.2-.42.29-.7.29h-1c-.27 0-.5-.09-.71-.29A.98.98 0 0 1 13 22v-1H5v1c0 .27-.09.5-.29.71c-.21.2-.44.29-.71.29H3c-.28 0-.5-.09-.7-.29c-.19-.21-.3-.44-.3-.71v-1.8c-.67-.62-1-1.36-1-2.2V8c0-1.58.67-2.65 2.05-3.2C4.42 4.26 6.41 4 9 4h.61c.28 0 .48.03.61.03C11.63 2 13.55 1 16 1"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M16.5 4v4.25l2.86 1.69l-.75 1.22L15 9V4zm-.5 9c1.36 0 2.54-.5 3.5-1.47c1-.97 1.5-2.14 1.5-3.53c0-1.36-.5-2.54-1.5-3.5c-.96-1-2.14-1.5-3.5-1.5c-1.39 0-2.56.5-3.53 1.5C11.5 5.46 11 6.64 11 8c0 1.39.5 2.56 1.47 3.53S14.61 13 16 13m-2.5 6c.44 0 .8-.16 1.08-.46s.42-.65.42-1.04c0-.42-.14-.77-.42-1.07S13.94 16 13.5 16s-.8.13-1.08.43s-.42.65-.42 1.07c0 .39.14.74.42 1.04s.64.46 1.08.46M3 13h8.11C9.7 11.64 9 10 9 8H3zm1.5 6c.44 0 .8-.16 1.08-.46S6 17.89 6 17.5c0-.42-.14-.77-.42-1.07S4.94 16 4.5 16s-.8.13-1.08.43S3 17.08 3 17.5c0 .39.14.74.42 1.04s.64.46 1.08.46M16 1c1.92 0 3.58.67 4.95 2.05C22.33 4.42 23 6.08 23 8c0 1.77-.56 3.29-1.72 4.59c-1.15 1.29-2.58 2.07-4.28 2.32V18c0 .84-.33 1.58-1 2.2V22c0 .27-.11.5-.3.71c-.2.2-.42.29-.7.29h-1c-.27 0-.5-.09-.71-.29A.98.98 0 0 1 13 22v-1H5v1c0 .27-.09.5-.29.71c-.21.2-.44.29-.71.29H3c-.28 0-.5-.09-.7-.29c-.19-.21-.3-.44-.3-.71v-1.8c-.67-.62-1-1.36-1-2.2V8c0-1.58.67-2.65 2.05-3.2C4.42 4.26 6.41 4 9 4h.61c.28 0 .48.03.61.03C11.63 2 13.55 1 16 1"/></svg>
</template>

CSS

.icon-bus-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%22M16.5%204v4.25l2.86%201.69l-.75%201.22L15%209V4zm-.5%209c1.36%200%202.54-.5%203.5-1.47c1-.97%201.5-2.14%201.5-3.53c0-1.36-.5-2.54-1.5-3.5c-.96-1-2.14-1.5-3.5-1.5c-1.39%200-2.56.5-3.53%201.5C11.5%205.46%2011%206.64%2011%208c0%201.39.5%202.56%201.47%203.53S14.61%2013%2016%2013m-2.5%206c.44%200%20.8-.16%201.08-.46s.42-.65.42-1.04c0-.42-.14-.77-.42-1.07S13.94%2016%2013.5%2016s-.8.13-1.08.43s-.42.65-.42%201.07c0%20.39.14.74.42%201.04s.64.46%201.08.46M3%2013h8.11C9.7%2011.64%209%2010%209%208H3zm1.5%206c.44%200%20.8-.16%201.08-.46S6%2017.89%206%2017.5c0-.42-.14-.77-.42-1.07S4.94%2016%204.5%2016s-.8.13-1.08.43S3%2017.08%203%2017.5c0%20.39.14.74.42%201.04s.64.46%201.08.46M16%201c1.92%200%203.58.67%204.95%202.05C22.33%204.42%2023%206.08%2023%208c0%201.77-.56%203.29-1.72%204.59c-1.15%201.29-2.58%202.07-4.28%202.32V18c0%20.84-.33%201.58-1%202.2V22c0%20.27-.11.5-.3.71c-.2.2-.42.29-.7.29h-1c-.27%200-.5-.09-.71-.29A.98.98%200%200%201%2013%2022v-1H5v1c0%20.27-.09.5-.29.71c-.21.2-.44.29-.71.29H3c-.28%200-.5-.09-.7-.29c-.19-.21-.3-.44-.3-.71v-1.8c-.67-.62-1-1.36-1-2.2V8c0-1.58.67-2.65%202.05-3.2C4.42%204.26%206.41%204%209%204h.61c.28%200%20.48.03.61.03C11.63%202%2013.55%201%2016%201%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%22M16.5%204v4.25l2.86%201.69l-.75%201.22L15%209V4zm-.5%209c1.36%200%202.54-.5%203.5-1.47c1-.97%201.5-2.14%201.5-3.53c0-1.36-.5-2.54-1.5-3.5c-.96-1-2.14-1.5-3.5-1.5c-1.39%200-2.56.5-3.53%201.5C11.5%205.46%2011%206.64%2011%208c0%201.39.5%202.56%201.47%203.53S14.61%2013%2016%2013m-2.5%206c.44%200%20.8-.16%201.08-.46s.42-.65.42-1.04c0-.42-.14-.77-.42-1.07S13.94%2016%2013.5%2016s-.8.13-1.08.43s-.42.65-.42%201.07c0%20.39.14.74.42%201.04s.64.46%201.08.46M3%2013h8.11C9.7%2011.64%209%2010%209%208H3zm1.5%206c.44%200%20.8-.16%201.08-.46S6%2017.89%206%2017.5c0-.42-.14-.77-.42-1.07S4.94%2016%204.5%2016s-.8.13-1.08.43S3%2017.08%203%2017.5c0%20.39.14.74.42%201.04s.64.46%201.08.46M16%201c1.92%200%203.58.67%204.95%202.05C22.33%204.42%2023%206.08%2023%208c0%201.77-.56%203.29-1.72%204.59c-1.15%201.29-2.58%202.07-4.28%202.32V18c0%20.84-.33%201.58-1%202.2V22c0%20.27-.11.5-.3.71c-.2.2-.42.29-.7.29h-1c-.27%200-.5-.09-.71-.29A.98.98%200%200%201%2013%2022v-1H5v1c0%20.27-.09.5-.29.71c-.21.2-.44.29-.71.29H3c-.28%200-.5-.09-.7-.29c-.19-.21-.3-.44-.3-.71v-1.8c-.67-.62-1-1.36-1-2.2V8c0-1.58.67-2.65%202.05-3.2C4.42%204.26%206.41%204%209%204h.61c.28%200%20.48.03.61.03C11.63%202%2013.55%201%2016%201%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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