Temporal Icon アイコン
logos:temporal-icon
Temporal Icon アイコン(logos:temporal-icon)は、SVG Logos セットの無料 SVG アイコンです（作者: 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 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>Web コンポーネント
<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">SVG Logos の関連アイコン
Temporal Icon アイコン のよくある質問
Temporal Icon アイコンは商用利用でも無料ですか?
はい。SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Temporal Icon アイコンを使うには?
@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 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。