clockify logo
clockify from CoreUI Brands by creativeLabs Łukasz Holeczek · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- clockify
- Set
- CoreUI Brands
- Style
- Brand
- Viewbox
- 32×32
- License
- CC0 1.0
The same logo in other sets
Use the clockify logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m19.974 10.995l7.25-7.349l2.073 2.104l-7.25 7.349l-2.078-2.104zm-2.938 7.515c-.688 0-1.344-.276-1.823-.771s-.745-1.156-.745-1.844c0-1.443 1.146-2.615 2.563-2.615c1.422 0 2.573 1.172 2.573 2.615c0 .688-.266 1.349-.75 1.844a2.55 2.55 0 0 1-1.818.771m12.292 7.594l-2.073 2.104l-7.25-7.354l2.078-2.099zm-12.213 1.099c1.417 0 2.818-.276 4.125-.818l3.542 3.594A15.6 15.6 0 0 1 17.115 32C8.396 32 1.334 24.839 1.334 16S8.402 0 17.115 0c2.755 0 5.349.719 7.599 1.979l-3.479 3.536a10.8 10.8 0 0 0-4.12-.818c-6.104 0-11.052 5.042-11.052 11.255s4.948 11.25 11.052 11.25z"/></svg>
React
import type { SVGProps } from "react";
export function CibClockify(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m19.974 10.995l7.25-7.349l2.073 2.104l-7.25 7.349l-2.078-2.104zm-2.938 7.515c-.688 0-1.344-.276-1.823-.771s-.745-1.156-.745-1.844c0-1.443 1.146-2.615 2.563-2.615c1.422 0 2.573 1.172 2.573 2.615c0 .688-.266 1.349-.75 1.844a2.55 2.55 0 0 1-1.818.771m12.292 7.594l-2.073 2.104l-7.25-7.354l2.078-2.099zm-12.213 1.099c1.417 0 2.818-.276 4.125-.818l3.542 3.594A15.6 15.6 0 0 1 17.115 32C8.396 32 1.334 24.839 1.334 16S8.402 0 17.115 0c2.755 0 5.349.719 7.599 1.979l-3.479 3.536a10.8 10.8 0 0 0-4.12-.818c-6.104 0-11.052 5.042-11.052 11.255s4.948 11.25 11.052 11.25z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m19.974 10.995l7.25-7.349l2.073 2.104l-7.25 7.349l-2.078-2.104zm-2.938 7.515c-.688 0-1.344-.276-1.823-.771s-.745-1.156-.745-1.844c0-1.443 1.146-2.615 2.563-2.615c1.422 0 2.573 1.172 2.573 2.615c0 .688-.266 1.349-.75 1.844a2.55 2.55 0 0 1-1.818.771m12.292 7.594l-2.073 2.104l-7.25-7.354l2.078-2.099zm-12.213 1.099c1.417 0 2.818-.276 4.125-.818l3.542 3.594A15.6 15.6 0 0 1 17.115 32C8.396 32 1.334 24.839 1.334 16S8.402 0 17.115 0c2.755 0 5.349.719 7.599 1.979l-3.479 3.536a10.8 10.8 0 0 0-4.12-.818c-6.104 0-11.052 5.042-11.052 11.255s4.948 11.25 11.052 11.25z"/></svg> </template>
CSS
.icon-clockify {
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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m19.974%2010.995l7.25-7.349l2.073%202.104l-7.25%207.349l-2.078-2.104zm-2.938%207.515c-.688%200-1.344-.276-1.823-.771s-.745-1.156-.745-1.844c0-1.443%201.146-2.615%202.563-2.615c1.422%200%202.573%201.172%202.573%202.615c0%20.688-.266%201.349-.75%201.844a2.55%202.55%200%200%201-1.818.771m12.292%207.594l-2.073%202.104l-7.25-7.354l2.078-2.099zm-12.213%201.099c1.417%200%202.818-.276%204.125-.818l3.542%203.594A15.6%2015.6%200%200%201%2017.115%2032C8.396%2032%201.334%2024.839%201.334%2016S8.402%200%2017.115%200c2.755%200%205.349.719%207.599%201.979l-3.479%203.536a10.8%2010.8%200%200%200-4.12-.818c-6.104%200-11.052%205.042-11.052%2011.255s4.948%2011.25%2011.052%2011.25z%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m19.974%2010.995l7.25-7.349l2.073%202.104l-7.25%207.349l-2.078-2.104zm-2.938%207.515c-.688%200-1.344-.276-1.823-.771s-.745-1.156-.745-1.844c0-1.443%201.146-2.615%202.563-2.615c1.422%200%202.573%201.172%202.573%202.615c0%20.688-.266%201.349-.75%201.844a2.55%202.55%200%200%201-1.818.771m12.292%207.594l-2.073%202.104l-7.25-7.354l2.078-2.099zm-12.213%201.099c1.417%200%202.818-.276%204.125-.818l3.542%203.594A15.6%2015.6%200%200%201%2017.115%2032C8.396%2032%201.334%2024.839%201.334%2016S8.402%200%2017.115%200c2.755%200%205.349.719%207.599%201.979l-3.479%203.536a10.8%2010.8%200%200%200-4.12-.818c-6.104%200-11.052%205.042-11.052%2011.255s4.948%2011.25%2011.052%2011.25z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/cib/clockify.svg?color=%231a73e8&size=48
