wakatime logo
wakatime from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- wakatime
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
The same logo in other sets
Use the wakatime logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 0C5.373 0 0 5.373 0 12s5.373 12 12 12s12-5.373 12-12S18.627 0 12 0m0 2.824a9.176 9.176 0 1 1 0 18.352a9.176 9.176 0 0 1 0-18.352m5.097 5.058c-.327 0-.61.19-.764.45c-1.025 1.463-2.21 3.162-3.288 4.706l-.387-.636a.9.9 0 0 0-.759-.439a.9.9 0 0 0-.788.492l-.357.581l-1.992-2.943a.9.9 0 0 0-.761-.446c-.514 0-.903.452-.903.96a1 1 0 0 0 .207.61l2.719 3.96c.152.272.44.47.776.47a.91.91 0 0 0 .787-.483c.046-.071.23-.368.314-.504l.324.52c-.035-.047.076.113.087.13c.024.031.054.059.078.085l.058.052c.036.033.08.056.115.08q.039.023.076.04q.045.02.088.035c.058.025.122.027.18.04c.031.004.064.003.092.005c.29 0 .546-.149.707-.36c1.4-2 2.842-4.055 4.099-5.849A1 1 0 0 0 18 8.842c0-.508-.389-.96-.903-.96"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsWakatime(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 0C5.373 0 0 5.373 0 12s5.373 12 12 12s12-5.373 12-12S18.627 0 12 0m0 2.824a9.176 9.176 0 1 1 0 18.352a9.176 9.176 0 0 1 0-18.352m5.097 5.058c-.327 0-.61.19-.764.45c-1.025 1.463-2.21 3.162-3.288 4.706l-.387-.636a.9.9 0 0 0-.759-.439a.9.9 0 0 0-.788.492l-.357.581l-1.992-2.943a.9.9 0 0 0-.761-.446c-.514 0-.903.452-.903.96a1 1 0 0 0 .207.61l2.719 3.96c.152.272.44.47.776.47a.91.91 0 0 0 .787-.483c.046-.071.23-.368.314-.504l.324.52c-.035-.047.076.113.087.13c.024.031.054.059.078.085l.058.052c.036.033.08.056.115.08q.039.023.076.04q.045.02.088.035c.058.025.122.027.18.04c.031.004.064.003.092.005c.29 0 .546-.149.707-.36c1.4-2 2.842-4.055 4.099-5.849A1 1 0 0 0 18 8.842c0-.508-.389-.96-.903-.96"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 0C5.373 0 0 5.373 0 12s5.373 12 12 12s12-5.373 12-12S18.627 0 12 0m0 2.824a9.176 9.176 0 1 1 0 18.352a9.176 9.176 0 0 1 0-18.352m5.097 5.058c-.327 0-.61.19-.764.45c-1.025 1.463-2.21 3.162-3.288 4.706l-.387-.636a.9.9 0 0 0-.759-.439a.9.9 0 0 0-.788.492l-.357.581l-1.992-2.943a.9.9 0 0 0-.761-.446c-.514 0-.903.452-.903.96a1 1 0 0 0 .207.61l2.719 3.96c.152.272.44.47.776.47a.91.91 0 0 0 .787-.483c.046-.071.23-.368.314-.504l.324.52c-.035-.047.076.113.087.13c.024.031.054.059.078.085l.058.052c.036.033.08.056.115.08q.039.023.076.04q.045.02.088.035c.058.025.122.027.18.04c.031.004.064.003.092.005c.29 0 .546-.149.707-.36c1.4-2 2.842-4.055 4.099-5.849A1 1 0 0 0 18 8.842c0-.508-.389-.96-.903-.96"/></svg> </template>
CSS
.icon-wakatime {
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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%200C5.373%200%200%205.373%200%2012s5.373%2012%2012%2012s12-5.373%2012-12S18.627%200%2012%200m0%202.824a9.176%209.176%200%201%201%200%2018.352a9.176%209.176%200%200%201%200-18.352m5.097%205.058c-.327%200-.61.19-.764.45c-1.025%201.463-2.21%203.162-3.288%204.706l-.387-.636a.9.9%200%200%200-.759-.439a.9.9%200%200%200-.788.492l-.357.581l-1.992-2.943a.9.9%200%200%200-.761-.446c-.514%200-.903.452-.903.96a1%201%200%200%200%20.207.61l2.719%203.96c.152.272.44.47.776.47a.91.91%200%200%200%20.787-.483c.046-.071.23-.368.314-.504l.324.52c-.035-.047.076.113.087.13c.024.031.054.059.078.085l.058.052c.036.033.08.056.115.08q.039.023.076.04q.045.02.088.035c.058.025.122.027.18.04c.031.004.064.003.092.005c.29%200%20.546-.149.707-.36c1.4-2%202.842-4.055%204.099-5.849A1%201%200%200%200%2018%208.842c0-.508-.389-.96-.903-.96%22%2F%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%200C5.373%200%200%205.373%200%2012s5.373%2012%2012%2012s12-5.373%2012-12S18.627%200%2012%200m0%202.824a9.176%209.176%200%201%201%200%2018.352a9.176%209.176%200%200%201%200-18.352m5.097%205.058c-.327%200-.61.19-.764.45c-1.025%201.463-2.21%203.162-3.288%204.706l-.387-.636a.9.9%200%200%200-.759-.439a.9.9%200%200%200-.788.492l-.357.581l-1.992-2.943a.9.9%200%200%200-.761-.446c-.514%200-.903.452-.903.96a1%201%200%200%200%20.207.61l2.719%203.96c.152.272.44.47.776.47a.91.91%200%200%200%20.787-.483c.046-.071.23-.368.314-.504l.324.52c-.035-.047.076.113.087.13c.024.031.054.059.078.085l.058.052c.036.033.08.056.115.08q.039.023.076.04q.045.02.088.035c.058.025.122.027.18.04c.031.004.064.003.092.005c.29%200%20.546-.149.707-.36c1.4-2%202.842-4.055%204.099-5.849A1%201%200%200%200%2018%208.842c0-.508-.389-.96-.903-.96%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/wakatime.svg?color=%231a73e8&size=48
