Wakatime Light icon
thesvg-color:wakatime-light
The Wakatime Light icon (thesvg-color:wakatime-light) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 340 × 340 grid. theSVG Color icons are released under the MIT 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
- theSVG Color
- Author
- thesvg.org
- License
- MIT
- Size
- 340 × 340
- Tags
- wakatimelight
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="340" height="340" viewBox="0 0 340 340"><g fill="none" stroke="#000"><path stroke-width="40" d="M170 20C87.156 20 20 87.156 20 170s67.156 150 150 150s150-67.156 150-150S252.844 20 170 20Z" clip-rule="evenodd"/><path fill="#000" stroke-width="10" d="M190.183 213.541c-1.443 1.902-3.607 3.126-6.032 3.126q-.357-.002-.708-.04a8 8 0 0 1-.837-.13a8 8 0 0 1-1.378-.462a10 10 0 0 1-.656-.334a8 8 0 0 1-1.025-.709a9 9 0 0 1-.503-.44a9 9 0 0 1-.703-.767a9 9 0 0 1-.903-1.37l-8.838-14.201l-8.834 14.201c-1.386 2.524-3.892 4.252-6.771 4.252c-2.889 0-5.407-1.741-6.752-4.321l-38.636-56.285c-1.27-1.532-2.051-3.562-2.051-5.803c0-4.744 3.487-8.593 7.788-8.593c2.783 0 5.22 1.617 6.598 4.043l32.613 48.192l9.18-14.948c1.323-2.664 3.891-4.474 6.84-4.474c2.698 0 5.077 1.518 6.474 3.82l9.468 15.541l51.167-73.256c1.391-2.357 3.791-3.916 6.529-3.916c4.301 0 7.787 3.847 7.787 8.591c0 2.074-.663 3.974-1.77 5.457z"/></g></svg>How to use the Wakatime Light icon
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:wakatime-light" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:wakatime-light" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:wakatime-light" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--wakatime-light]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:wakatime-light"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:wakatime-light"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/thesvg-color/wakatime-light.svg" alt="Wakatime Light icon" width="24" height="24">Related icons in theSVG Color
Wakatime Light icon in other icon sets
Wakatime Light icon FAQ
Is the Wakatime Light icon free for commercial use?
Yes. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Wakatime Light icon in React?
Install @iconify/react and render <Icon icon="thesvg-color:wakatime-light" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Wakatime Light icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/thesvg-color/wakatime-light.svg" alt="Wakatime Light icon">, or paste the SVG code inline to style it with CSS.