Иконка Temporal Icon

logos:temporal-icon

Иконка Temporal Icon (logos:temporal-icon) — бесплатная SVG-иконка из набора SVG Logos от Gil Barbara. Она нарисована на сетке 256 × 255. SVG Logos icons выпущены под лицензией CC0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: SVG Logos
Автор: Gil Barbara
Лицензия: CC0-1.0
Размер: 256 × 255
Теги: temporalicon

Скачать SVG

Код SVG

<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>

Как использовать иконку Temporal 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>

Веб-компонент

<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

<img src="https://iconyz.com/api/public/svg/logos/temporal-icon.svg" alt="Иконка Temporal Icon" width="24" height="24">

Вопросы и ответы: Иконка Temporal Icon

Можно ли бесплатно использовать иконку Temporal Icon в коммерческих проектах?

Да. SVG Logos icons выпущены под лицензией CC0, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Temporal Icon в React?

Установите @iconify/react и выведите <Icon icon="logos:temporal-icon" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Temporal Icon на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/logos/temporal-icon.svg" alt="Иконка Temporal Icon">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки SVG Logos →