Timeful アイコン
selfhst:timeful
Timeful アイコン(selfhst:timeful)は、selfh.st/icons セットの無料 SVG アイコンです（作者: selfh.st）。 512 × 512 のグリッドで描かれています。 selfh.st/icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- selfh.st/icons
- 作者
- selfh.st
- ライセンス
- CC-BY-4.0
- サイズ
- 512 × 512
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#219653" d="M434.8 51.2h-25.5V25.5c0-14.1-11.4-25.5-25.5-25.5s-25.5 11.4-25.5 25.5v25.7H153.8V25.5c0-14.1-11.4-25.5-25.5-25.5s-25.5 11.4-25.5 25.5v25.7H77.2c-28.4 0-51.1 22.8-51.1 51.2v358.4c0 3.4.4 6.9 1 10.2c.1.5.3 1 .4 1.5c.3 1.1.5 2.2.9 3.4c.2.7.5 1.3.7 2c.3.9.6 1.7.9 2.6c0 .1.1.1.1.2c.2.6.5 1.2.8 1.7c.4.9.9 1.9 1.3 2.8c.2.4.4.7.6 1c2.2 3.9 5 7.6 8.2 10.8q3.3 3.3 7.2 6c.1.1.3.2.4.3c.8.6 1.7 1 2.6 1.6c.6.3 1.1.7 1.7 1s1.3.6 2 .9c.9.4 1.7.9 2.6 1.2c0 0 .1 0 .1.1c.5.2 1.1.4 1.6.6c1 .4 2 .8 3 1.1c.7.2 1.4.4 2.2.6c.9.2 1.8.5 2.7.7c1.2.2 2.5.4 3.7.6c.4.1.8.1 1.2.2c1.7.2 3.4.3 5.2.3h357.6c1.7 0 3.4-.1 5.2-.3c.6-.1 1.2-.2 1.9-.3c1-.1 2.1-.3 3.1-.5c1.1-.2 2.2-.5 3.3-.8c.5-.1 1-.2 1.5-.4c1.2-.4 2.4-.8 3.6-1.3c.3-.1.7-.2 1-.4h.1c1.2-.5 2.3-1.1 3.4-1.6c.4-.2.7-.3 1.1-.5c1-.5 2-1.2 2.9-1.8c.4-.3.9-.5 1.3-.8c.8-.5 1.5-1.1 2.3-1.7c.6-.4 1.2-.8 1.7-1.3c.5-.4.9-.8 1.4-1.2c.8-.7 1.6-1.3 2.3-2.1c.7-.7 1.3-1.4 2-2.2c.4-.5.9-1 1.3-1.5s.8-1 1.2-1.6c.6-.8 1.3-1.6 1.8-2.5c.3-.4.5-.8.7-1.2c.6-1 1.3-2 1.8-3.1c.2-.3.3-.6.4-.9c.6-1.2 1.2-2.4 1.7-3.6v-.1c.1-.2.2-.5.3-.7c.5-1.3 1-2.6 1.4-4c.1-.3.1-.6.2-.9c.4-1.3.7-2.6 1-4c.1-.6.2-1.1.3-1.7c.2-1.1.4-2.2.5-3.3c.2-1.6.2-3.2.2-4.8V102.4c.2-28.4-22.8-51.2-50.9-51.2m9.3 398.1c0 11.5-9.4 20.9-20.9 20.9H88.8c-11.5 0-20.9-9.4-20.9-20.9V229.9c0-11.5 9.4-20.9 20.9-20.9h334.4c11.5 0 20.9 9.4 20.9 20.9z"/><path fill="#219653" fill-opacity=".05" d="M26.1 208h459.7v87.6H26.1z"/><path fill="#219653" fill-opacity=".2" d="M26.1 295.5h459.7v87.6H26.1z"/><path fill="#219653" fill-opacity=".5" d="M26.1 383.1h459.7v32.8c0 30.2-24.5 54.7-54.7 54.7H80.9c-30.2 0-54.7-24.5-54.7-54.7v-32.8z"/></svg>Timeful アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:timeful" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:timeful" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:timeful" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--timeful]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:timeful"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:timeful"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/selfhst/timeful.svg" alt="Timeful アイコン" width="24" height="24">selfh.st/icons の関連アイコン
Timeful アイコン のよくある質問
Timeful アイコンは商用利用でも無料ですか?
はい。selfh.st/icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Timeful アイコンを使うには?
@iconify/react をインストールして <Icon icon="selfhst:timeful" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Timeful アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/selfhst/timeful.svg" alt="Timeful アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。