md time icon
md-time from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.
- Name
- md-time
- Set
- IonIcons
- Style
- Regular
- Viewbox
- 512×512
- License
- MIT
Related icons in IonIcons
md-addmd-add-circlemd-airplanemd-alarmmd-albumsmd-alertmd-american-footballmd-analyticsmd-aperturemd-appsmd-appstoremd-archivemd-arrow-backmd-arrow-downmd-arrow-dropdownmd-arrow-dropdown-circlemd-arrow-dropleftmd-arrow-dropleft-circlemd-arrow-droprightmd-arrow-dropright-circlemd-arrow-dropupmd-arrow-dropup-circlemd-arrow-forwardmd-arrow-round-back
Use the md time icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><g fill-opacity=".9"><path d="M255.8 48C141 48 48 141.2 48 256s93 208 207.8 208c115 0 208.2-93.2 208.2-208S370.8 48 255.8 48zm.2 374.4c-91.9 0-166.4-74.5-166.4-166.4S164.1 89.6 256 89.6 422.4 164.1 422.4 256 347.9 422.4 256 422.4z" fill="currentColor"/><path d="M266.4 152h-31.2v124.8l109.2 65.5 15.6-25.6-93.6-55.5V152z" fill="currentColor"/></g></svg>
React
import type { SVGProps } from "react";
export function IonMdTime(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><g fillOpacity=".9"><path d="M255.8 48C141 48 48 141.2 48 256s93 208 207.8 208c115 0 208.2-93.2 208.2-208S370.8 48 255.8 48zm.2 374.4c-91.9 0-166.4-74.5-166.4-166.4S164.1 89.6 256 89.6 422.4 164.1 422.4 256 347.9 422.4 256 422.4z" fill="currentColor"/><path d="M266.4 152h-31.2v124.8l109.2 65.5 15.6-25.6-93.6-55.5V152z" fill="currentColor"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><g fill-opacity=".9"><path d="M255.8 48C141 48 48 141.2 48 256s93 208 207.8 208c115 0 208.2-93.2 208.2-208S370.8 48 255.8 48zm.2 374.4c-91.9 0-166.4-74.5-166.4-166.4S164.1 89.6 256 89.6 422.4 164.1 422.4 256 347.9 422.4 256 422.4z" fill="currentColor"/><path d="M266.4 152h-31.2v124.8l109.2 65.5 15.6-25.6-93.6-55.5V152z" fill="currentColor"/></g></svg> </template>
CSS
.icon-md-time {
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%20512%20512%22%3E%3Cg%20fill-opacity%3D%22.9%22%3E%3Cpath%20d%3D%22M255.8%2048C141%2048%2048%20141.2%2048%20256s93%20208%20207.8%20208c115%200%20208.2-93.2%20208.2-208S370.8%2048%20255.8%2048zm.2%20374.4c-91.9%200-166.4-74.5-166.4-166.4S164.1%2089.6%20256%2089.6%20422.4%20164.1%20422.4%20256%20347.9%20422.4%20256%20422.4z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M266.4%20152h-31.2v124.8l109.2%2065.5%2015.6-25.6-93.6-55.5V152z%22%20fill%3D%22currentColor%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%20512%20512%22%3E%3Cg%20fill-opacity%3D%22.9%22%3E%3Cpath%20d%3D%22M255.8%2048C141%2048%2048%20141.2%2048%20256s93%20208%20207.8%20208c115%200%20208.2-93.2%20208.2-208S370.8%2048%20255.8%2048zm.2%20374.4c-91.9%200-166.4-74.5-166.4-166.4S164.1%2089.6%20256%2089.6%20422.4%20164.1%20422.4%20256%20347.9%20422.4%20256%20422.4z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M266.4%20152h-31.2v124.8l109.2%2065.5%2015.6-25.6-93.6-55.5V152z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/md-time.svg?color=%231a73e8&size=48
