Wakatime アイコン
logos:wakatime
Wakatime アイコン(logos:wakatime)は、SVG Logos セットの無料 SVG アイコンです（作者: Gil Barbara）。 256 × 256 のグリッドで描かれています。 SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- SVG Logos
- 作者
- Gil Barbara
- ライセンス
- CC0-1.0
- サイズ
- 256 × 256
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path d="M128 0c70.693 0 128 57.307 128 128s-57.307 128-128 128S0 198.693 0 128S57.307 0 128 0m0 30.118c-54.06 0-97.882 43.822-97.882 97.882S73.94 225.882 128 225.882S225.882 182.06 225.882 128S182.06 30.118 128 30.118m54.372 53.96c5.405 0 9.628 4.66 9.628 10.234c0 2.23-.674 4.367-1.909 6.124l-.105.145l-43.706 62.363l-.084.115c-1.813 2.39-4.551 3.843-7.541 3.843a9.7 9.7 0 0 1-2.022-.227a9 9 0 0 1-.881-.253a11 11 0 0 1-.722-.274l-.214-.097l-.364-.179l-.186-.097l-.171-.095l-.09-.053l-.322-.2l-.217-.142l-.103-.072a9 9 0 0 1-.58-.441l-.224-.189a9 9 0 0 1-.344-.31l-.059-.057a11 11 0 0 1-.829-.913a11 11 0 0 1-.865-1.266l-.096-.173l-3.42-5.495l-3.42 5.498l-.054.097c-1.699 2.931-4.677 4.845-8.03 4.935l-.246.003c-3.413 0-6.464-1.893-8.185-4.848l-.116-.204l-28.898-42.1l-.056-.069a10.6 10.6 0 0 1-2.224-6.244l-.004-.302c0-5.573 4.224-10.234 9.628-10.234c3.361 0 6.376 1.837 8.114 4.73l.04.07l21.216 31.35l3.78-6.155l.026-.048c1.632-3.103 4.699-5.147 8.167-5.238l.243-.003c3.34 0 6.35 1.815 8.09 4.682l4.128 6.777l35.158-50.336l.043-.07c1.709-2.739 4.572-4.49 7.773-4.578z"/></svg>Wakatime アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="logos:wakatime" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:wakatime" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:wakatime" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--wakatime]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:wakatime"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:wakatime"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/logos/wakatime.svg" alt="Wakatime アイコン" width="24" height="24">他のアイコンセットの Wakatime アイコン
Wakatime アイコン のよくある質問
Wakatime アイコンは商用利用でも無料ですか?
はい。SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Wakatime アイコンを使うには?
@iconify/react をインストールして <Icon icon="logos:wakatime" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Wakatime アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/logos/wakatime.svg" alt="Wakatime アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。