Temporal Icon icon
logos:temporal-icon
The Temporal Icon icon (logos:temporal-icon) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 256 × 255 grid. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- SVG Logos
- Author
- Gil Barbara
- License
- CC0-1.0
- Size
- 256 × 255
- Tags
- temporalicon
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="255" viewBox="0 0 256 255"><path d="M172.882 82.487C166.828 37.553 151.56 0 128 0c-23.494 0-38.828 37.553-44.882 82.487C37.84 88.495 0 103.647 0 127.027c0 23.317 37.84 38.533 83.118 44.542c6.054 44.934 21.322 82.487 44.882 82.487c23.494 0 38.828-37.553 44.882-82.487C218.159 165.56 256 150.41 256 127.028s-37.84-38.598-83.118-44.541m-91.212 75.89c-43.369-6.205-68.706-20.443-68.706-31.415s25.271-25.21 68.706-31.413c-.987 10.384-1.448 20.964-1.448 31.413s.46 21.096 1.448 31.414M128 12.8c11.056 0 25.402 25.079 31.654 68.183c-10.464-.98-21.125-1.436-31.654-1.436s-21.19.522-31.654 1.436C102.597 37.944 116.944 12.8 128 12.8m46.33 145.575c-2.106.327-10.924 1.307-13.096 1.568c-.198 2.22-1.25 10.907-1.58 12.997c-6.252 43.039-20.598 68.183-31.654 68.183s-25.403-25.079-31.654-68.183c-.33-2.09-1.317-10.842-1.58-12.997c-.987-10.188-1.645-21.16-1.645-32.982c0-11.82.592-22.727 1.645-32.98c10.266-.98 21.322-1.634 33.234-1.634c11.911 0 22.902.588 33.234 1.633c2.237.196 10.99 1.24 13.096 1.568c43.368 6.204 68.705 20.442 68.705 31.413s-25.337 25.21-68.705 31.414"/></svg>How to use the Temporal Icon icon
React
import { Icon } from "@iconify/react";
<Icon icon="logos:temporal-icon" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:temporal-icon" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:temporal-icon" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--temporal-icon]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:temporal-icon"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:temporal-icon"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/logos/temporal-icon.svg" alt="Temporal Icon icon" width="24" height="24">Related icons in SVG Logos
Temporal Icon icon FAQ
Is the Temporal Icon icon free for commercial use?
Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.
How do I use the Temporal Icon icon in React?
Install @iconify/react and render <Icon icon="logos:temporal-icon" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Temporal Icon icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/temporal-icon.svg" alt="Temporal Icon icon">, or paste the SVG code inline to style it with CSS.