temporal logo

temporal from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.

Name
temporal
Set
Simple Icons
Style
Brand
Viewbox
24×24
License
CC0 1.0

Use the temporal logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M16.206 7.794C15.64 3.546 14.204 0 12 0S8.361 3.546 7.794 7.794C3.546 8.36 0 9.796 0 12s3.546 3.639 7.794 4.206C8.36 20.453 9.796 24 12 24s3.639-3.546 4.206-7.794C20.454 15.64 24 14.204 24 12s-3.547-3.64-7.794-4.206m-8.55 7.174c-4.069-.587-6.44-1.932-6.44-2.969s2.372-2.381 6.44-2.969c-.09.98-.137 1.98-.137 2.97s.047 1.99.137 2.968M12 1.215c1.036 0 2.381 2.372 2.969 6.44a32.7 32.7 0 0 0-5.938 0c.587-4.068 1.932-6.44 2.969-6.44m4.344 13.753c-.2.03-1.022.126-1.23.146a57 57 0 0 1-.145 1.23c-.588 4.068-1.933 6.44-2.97 6.44c-1.036 0-2.38-2.372-2.968-6.44c-.03-.2-.126-1.022-.147-1.23a32 32 0 0 1 0-6.23a31.8 31.8 0 0 1 7.46.146c4.068.587 6.442 1.933 6.442 2.969c-.001 1.036-2.374 2.382-6.442 2.97z"/></svg>

React

import type { SVGProps } from "react";

export function SimpleIconsTemporal(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.206 7.794C15.64 3.546 14.204 0 12 0S8.361 3.546 7.794 7.794C3.546 8.36 0 9.796 0 12s3.546 3.639 7.794 4.206C8.36 20.453 9.796 24 12 24s3.639-3.546 4.206-7.794C20.454 15.64 24 14.204 24 12s-3.547-3.64-7.794-4.206m-8.55 7.174c-4.069-.587-6.44-1.932-6.44-2.969s2.372-2.381 6.44-2.969c-.09.98-.137 1.98-.137 2.97s.047 1.99.137 2.968M12 1.215c1.036 0 2.381 2.372 2.969 6.44a32.7 32.7 0 0 0-5.938 0c.587-4.068 1.932-6.44 2.969-6.44m4.344 13.753c-.2.03-1.022.126-1.23.146a57 57 0 0 1-.145 1.23c-.588 4.068-1.933 6.44-2.97 6.44c-1.036 0-2.38-2.372-2.968-6.44c-.03-.2-.126-1.022-.147-1.23a32 32 0 0 1 0-6.23a31.8 31.8 0 0 1 7.46.146c4.068.587 6.442 1.933 6.442 2.969c-.001 1.036-2.374 2.382-6.442 2.97z"/></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.206 7.794C15.64 3.546 14.204 0 12 0S8.361 3.546 7.794 7.794C3.546 8.36 0 9.796 0 12s3.546 3.639 7.794 4.206C8.36 20.453 9.796 24 12 24s3.639-3.546 4.206-7.794C20.454 15.64 24 14.204 24 12s-3.547-3.64-7.794-4.206m-8.55 7.174c-4.069-.587-6.44-1.932-6.44-2.969s2.372-2.381 6.44-2.969c-.09.98-.137 1.98-.137 2.97s.047 1.99.137 2.968M12 1.215c1.036 0 2.381 2.372 2.969 6.44a32.7 32.7 0 0 0-5.938 0c.587-4.068 1.932-6.44 2.969-6.44m4.344 13.753c-.2.03-1.022.126-1.23.146a57 57 0 0 1-.145 1.23c-.588 4.068-1.933 6.44-2.97 6.44c-1.036 0-2.38-2.372-2.968-6.44c-.03-.2-.126-1.022-.147-1.23a32 32 0 0 1 0-6.23a31.8 31.8 0 0 1 7.46.146c4.068.587 6.442 1.933 6.442 2.969c-.001 1.036-2.374 2.382-6.442 2.97z"/></svg>
</template>

CSS

.icon-temporal {
  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.206%207.794C15.64%203.546%2014.204%200%2012%200S8.361%203.546%207.794%207.794C3.546%208.36%200%209.796%200%2012s3.546%203.639%207.794%204.206C8.36%2020.453%209.796%2024%2012%2024s3.639-3.546%204.206-7.794C20.454%2015.64%2024%2014.204%2024%2012s-3.547-3.64-7.794-4.206m-8.55%207.174c-4.069-.587-6.44-1.932-6.44-2.969s2.372-2.381%206.44-2.969c-.09.98-.137%201.98-.137%202.97s.047%201.99.137%202.968M12%201.215c1.036%200%202.381%202.372%202.969%206.44a32.7%2032.7%200%200%200-5.938%200c.587-4.068%201.932-6.44%202.969-6.44m4.344%2013.753c-.2.03-1.022.126-1.23.146a57%2057%200%200%201-.145%201.23c-.588%204.068-1.933%206.44-2.97%206.44c-1.036%200-2.38-2.372-2.968-6.44c-.03-.2-.126-1.022-.147-1.23a32%2032%200%200%201%200-6.23a31.8%2031.8%200%200%201%207.46.146c4.068.587%206.442%201.933%206.442%202.969c-.001%201.036-2.374%202.382-6.442%202.97z%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.206%207.794C15.64%203.546%2014.204%200%2012%200S8.361%203.546%207.794%207.794C3.546%208.36%200%209.796%200%2012s3.546%203.639%207.794%204.206C8.36%2020.453%209.796%2024%2012%2024s3.639-3.546%204.206-7.794C20.454%2015.64%2024%2014.204%2024%2012s-3.547-3.64-7.794-4.206m-8.55%207.174c-4.069-.587-6.44-1.932-6.44-2.969s2.372-2.381%206.44-2.969c-.09.98-.137%201.98-.137%202.97s.047%201.99.137%202.968M12%201.215c1.036%200%202.381%202.372%202.969%206.44a32.7%2032.7%200%200%200-5.938%200c.587-4.068%201.932-6.44%202.969-6.44m4.344%2013.753c-.2.03-1.022.126-1.23.146a57%2057%200%200%201-.145%201.23c-.588%204.068-1.933%206.44-2.97%206.44c-1.036%200-2.38-2.372-2.968-6.44c-.03-.2-.126-1.022-.147-1.23a32%2032%200%200%201%200-6.23a31.8%2031.8%200%200%201%207.46.146c4.068.587%206.442%201.933%206.442%202.969c-.001%201.036-2.374%202.382-6.442%202.97z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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