android time icon

android-time from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.

Name
android-time
Set
IonIcons
Style
Regular
Viewbox
512×512
License
MIT

Related icons in IonIcons

Use the android time icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill-opacity=".9" d="M256 43C137.789 43 43 138.851 43 256s94.789 213 213 213 213-95.851 213-213S373.149 43 256 43zm0 383.4c-93.718 0-170.4-76.683-170.4-170.4S162.282 85.6 256 85.6 426.4 162.282 426.4 256 349.718 426.4 256 426.4z" fill="currentColor"/><path fill-opacity=".9" d="M266.65 149.5H234.7v127.8l111.825 67.093 15.975-26.625-95.85-56.444z" fill="currentColor"/></svg>

React

import type { SVGProps } from "react";

export function IonAndroidTime(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fillOpacity=".9" d="M256 43C137.789 43 43 138.851 43 256s94.789 213 213 213 213-95.851 213-213S373.149 43 256 43zm0 383.4c-93.718 0-170.4-76.683-170.4-170.4S162.282 85.6 256 85.6 426.4 162.282 426.4 256 349.718 426.4 256 426.4z" fill="currentColor"/><path fillOpacity=".9" d="M266.65 149.5H234.7v127.8l111.825 67.093 15.975-26.625-95.85-56.444z" fill="currentColor"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill-opacity=".9" d="M256 43C137.789 43 43 138.851 43 256s94.789 213 213 213 213-95.851 213-213S373.149 43 256 43zm0 383.4c-93.718 0-170.4-76.683-170.4-170.4S162.282 85.6 256 85.6 426.4 162.282 426.4 256 349.718 426.4 256 426.4z" fill="currentColor"/><path fill-opacity=".9" d="M266.65 149.5H234.7v127.8l111.825 67.093 15.975-26.625-95.85-56.444z" fill="currentColor"/></svg>
</template>

CSS

.icon-android-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%3Cpath%20fill-opacity%3D%22.9%22%20d%3D%22M256%2043C137.789%2043%2043%20138.851%2043%20256s94.789%20213%20213%20213%20213-95.851%20213-213S373.149%2043%20256%2043zm0%20383.4c-93.718%200-170.4-76.683-170.4-170.4S162.282%2085.6%20256%2085.6%20426.4%20162.282%20426.4%20256%20349.718%20426.4%20256%20426.4z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20fill-opacity%3D%22.9%22%20d%3D%22M266.65%20149.5H234.7v127.8l111.825%2067.093%2015.975-26.625-95.85-56.444z%22%20fill%3D%22currentColor%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%20512%20512%22%3E%3Cpath%20fill-opacity%3D%22.9%22%20d%3D%22M256%2043C137.789%2043%2043%20138.851%2043%20256s94.789%20213%20213%20213%20213-95.851%20213-213S373.149%2043%20256%2043zm0%20383.4c-93.718%200-170.4-76.683-170.4-170.4S162.282%2085.6%20256%2085.6%20426.4%20162.282%20426.4%20256%20349.718%20426.4%20256%20426.4z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20fill-opacity%3D%22.9%22%20d%3D%22M266.65%20149.5H234.7v127.8l111.825%2067.093%2015.975-26.625-95.85-56.444z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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