wakatime light logo

wakatime-light from Material Icon Theme by Material Extensions · Color · MIT Free for personal and commercial use.

Name
wakatime-light
Set
Material Icon Theme
Style
Color
Viewbox
340×340
License
MIT

Use the wakatime light logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 340 340"><g fill="none"><path stroke="#455a64" stroke-width="33.39" d="M170 44.788c-69.154 0-125.212 56.058-125.212 125.212s56.058 125.213 125.213 125.213S295.212 239.155 295.212 170S239.155 44.788 170 44.788z"/><path fill="#455a64" d="M186.846 206.343c-1.205 1.588-3.011 2.61-5.035 2.61a6 6 0 0 1-.591-.034a7 7 0 0 1-.7-.109a6.7 6.7 0 0 1-1.15-.385a8 8 0 0 1-.547-.28a6.6 6.6 0 0 1-.856-.591a7 7 0 0 1-.42-.367a8 8 0 0 1-.586-.64a7.5 7.5 0 0 1-.754-1.144l-7.378-11.854l-7.374 11.854c-1.157 2.107-3.249 3.55-5.652 3.55c-2.412 0-4.514-1.454-5.636-3.607l-32.252-46.985c-1.06-1.278-1.712-2.973-1.712-4.844c0-3.96 2.911-7.173 6.501-7.173c2.324 0 4.358 1.35 5.508 3.375l27.224 40.228l7.663-12.477c1.104-2.224 3.248-3.734 5.71-3.734c2.252 0 4.238 1.266 5.404 3.188l7.903 12.972l42.712-61.15c1.16-1.967 3.164-3.269 5.45-3.269c3.59 0 6.5 3.212 6.5 7.172c0 1.73-.553 3.317-1.478 4.555z"/></g></svg>

React

import type { SVGProps } from "react";

export function MaterialIconThemeWakatimeLight(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 340 340"><g fill="none"><path stroke="#455a64" strokeWidth="33.39" d="M170 44.788c-69.154 0-125.212 56.058-125.212 125.212s56.058 125.213 125.213 125.213S295.212 239.155 295.212 170S239.155 44.788 170 44.788z"/><path fill="#455a64" d="M186.846 206.343c-1.205 1.588-3.011 2.61-5.035 2.61a6 6 0 0 1-.591-.034a7 7 0 0 1-.7-.109a6.7 6.7 0 0 1-1.15-.385a8 8 0 0 1-.547-.28a6.6 6.6 0 0 1-.856-.591a7 7 0 0 1-.42-.367a8 8 0 0 1-.586-.64a7.5 7.5 0 0 1-.754-1.144l-7.378-11.854l-7.374 11.854c-1.157 2.107-3.249 3.55-5.652 3.55c-2.412 0-4.514-1.454-5.636-3.607l-32.252-46.985c-1.06-1.278-1.712-2.973-1.712-4.844c0-3.96 2.911-7.173 6.501-7.173c2.324 0 4.358 1.35 5.508 3.375l27.224 40.228l7.663-12.477c1.104-2.224 3.248-3.734 5.71-3.734c2.252 0 4.238 1.266 5.404 3.188l7.903 12.972l42.712-61.15c1.16-1.967 3.164-3.269 5.45-3.269c3.59 0 6.5 3.212 6.5 7.172c0 1.73-.553 3.317-1.478 4.555z"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 340 340"><g fill="none"><path stroke="#455a64" stroke-width="33.39" d="M170 44.788c-69.154 0-125.212 56.058-125.212 125.212s56.058 125.213 125.213 125.213S295.212 239.155 295.212 170S239.155 44.788 170 44.788z"/><path fill="#455a64" d="M186.846 206.343c-1.205 1.588-3.011 2.61-5.035 2.61a6 6 0 0 1-.591-.034a7 7 0 0 1-.7-.109a6.7 6.7 0 0 1-1.15-.385a8 8 0 0 1-.547-.28a6.6 6.6 0 0 1-.856-.591a7 7 0 0 1-.42-.367a8 8 0 0 1-.586-.64a7.5 7.5 0 0 1-.754-1.144l-7.378-11.854l-7.374 11.854c-1.157 2.107-3.249 3.55-5.652 3.55c-2.412 0-4.514-1.454-5.636-3.607l-32.252-46.985c-1.06-1.278-1.712-2.973-1.712-4.844c0-3.96 2.911-7.173 6.501-7.173c2.324 0 4.358 1.35 5.508 3.375l27.224 40.228l7.663-12.477c1.104-2.224 3.248-3.734 5.71-3.734c2.252 0 4.238 1.266 5.404 3.188l7.903 12.972l42.712-61.15c1.16-1.967 3.164-3.269 5.45-3.269c3.59 0 6.5 3.212 6.5 7.172c0 1.73-.553 3.317-1.478 4.555z"/></g></svg>
</template>

CSS

.icon-wakatime-light {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20340%20340%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20stroke%3D%22%23455a64%22%20stroke-width%3D%2233.39%22%20d%3D%22M170%2044.788c-69.154%200-125.212%2056.058-125.212%20125.212s56.058%20125.213%20125.213%20125.213S295.212%20239.155%20295.212%20170S239.155%2044.788%20170%2044.788z%22%2F%3E%3Cpath%20fill%3D%22%23455a64%22%20d%3D%22M186.846%20206.343c-1.205%201.588-3.011%202.61-5.035%202.61a6%206%200%200%201-.591-.034a7%207%200%200%201-.7-.109a6.7%206.7%200%200%201-1.15-.385a8%208%200%200%201-.547-.28a6.6%206.6%200%200%201-.856-.591a7%207%200%200%201-.42-.367a8%208%200%200%201-.586-.64a7.5%207.5%200%200%201-.754-1.144l-7.378-11.854l-7.374%2011.854c-1.157%202.107-3.249%203.55-5.652%203.55c-2.412%200-4.514-1.454-5.636-3.607l-32.252-46.985c-1.06-1.278-1.712-2.973-1.712-4.844c0-3.96%202.911-7.173%206.501-7.173c2.324%200%204.358%201.35%205.508%203.375l27.224%2040.228l7.663-12.477c1.104-2.224%203.248-3.734%205.71-3.734c2.252%200%204.238%201.266%205.404%203.188l7.903%2012.972l42.712-61.15c1.16-1.967%203.164-3.269%205.45-3.269c3.59%200%206.5%203.212%206.5%207.172c0%201.73-.553%203.317-1.478%204.555z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20340%20340%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20stroke%3D%22%23455a64%22%20stroke-width%3D%2233.39%22%20d%3D%22M170%2044.788c-69.154%200-125.212%2056.058-125.212%20125.212s56.058%20125.213%20125.213%20125.213S295.212%20239.155%20295.212%20170S239.155%2044.788%20170%2044.788z%22%2F%3E%3Cpath%20fill%3D%22%23455a64%22%20d%3D%22M186.846%20206.343c-1.205%201.588-3.011%202.61-5.035%202.61a6%206%200%200%201-.591-.034a7%207%200%200%201-.7-.109a6.7%206.7%200%200%201-1.15-.385a8%208%200%200%201-.547-.28a6.6%206.6%200%200%201-.856-.591a7%207%200%200%201-.42-.367a8%208%200%200%201-.586-.64a7.5%207.5%200%200%201-.754-1.144l-7.378-11.854l-7.374%2011.854c-1.157%202.107-3.249%203.55-5.652%203.55c-2.412%200-4.514-1.454-5.636-3.607l-32.252-46.985c-1.06-1.278-1.712-2.973-1.712-4.844c0-3.96%202.911-7.173%206.501-7.173c2.324%200%204.358%201.35%205.508%203.375l27.224%2040.228l7.663-12.477c1.104-2.224%203.248-3.734%205.71-3.734c2.252%200%204.238%201.266%205.404%203.188l7.903%2012.972l42.712-61.15c1.16-1.967%203.164-3.269%205.45-3.269c3.59%200%206.5%203.212%206.5%207.172c0%201.73-.553%203.317-1.478%204.555z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-icon-theme/wakatime-light.svg?color=%231a73e8&size=48