clockify logo

clockify from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.

Name
clockify
Set
Simple Icons
Style
Brand
Viewbox
24×24
License
CC0 1.0

Use the clockify logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M13.351 20.404a8.3 8.3 0 0 0 3.14-.616l2.69 2.694A11.9 11.9 0 0 1 13.352 24C6.73 24 1.36 18.627 1.36 12S6.73 0 13.351 0c2.097 0 4.065.54 5.78 1.487l-2.648 2.649a8.3 8.3 0 0 0-3.132-.613c-4.638 0-8.397 3.779-8.397 8.44c0 4.662 3.76 8.44 8.397 8.44m2.176-12.155l5.51-5.514l1.578 1.577l-5.51 5.514zm-2.233 5.635a1.956 1.956 0 0 1-1.952-1.961c0-1.083.874-1.961 1.952-1.961c1.079 0 1.952.878 1.952 1.96a1.956 1.956 0 0 1-1.952 1.962m9.347 5.695l-1.578 1.578l-5.51-5.514l1.577-1.578z"/></svg>

React

import type { SVGProps } from "react";

export function SimpleIconsClockify(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="M13.351 20.404a8.3 8.3 0 0 0 3.14-.616l2.69 2.694A11.9 11.9 0 0 1 13.352 24C6.73 24 1.36 18.627 1.36 12S6.73 0 13.351 0c2.097 0 4.065.54 5.78 1.487l-2.648 2.649a8.3 8.3 0 0 0-3.132-.613c-4.638 0-8.397 3.779-8.397 8.44c0 4.662 3.76 8.44 8.397 8.44m2.176-12.155l5.51-5.514l1.578 1.577l-5.51 5.514zm-2.233 5.635a1.956 1.956 0 0 1-1.952-1.961c0-1.083.874-1.961 1.952-1.961c1.079 0 1.952.878 1.952 1.96a1.956 1.956 0 0 1-1.952 1.962m9.347 5.695l-1.578 1.578l-5.51-5.514l1.577-1.578z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M13.351 20.404a8.3 8.3 0 0 0 3.14-.616l2.69 2.694A11.9 11.9 0 0 1 13.352 24C6.73 24 1.36 18.627 1.36 12S6.73 0 13.351 0c2.097 0 4.065.54 5.78 1.487l-2.648 2.649a8.3 8.3 0 0 0-3.132-.613c-4.638 0-8.397 3.779-8.397 8.44c0 4.662 3.76 8.44 8.397 8.44m2.176-12.155l5.51-5.514l1.578 1.577l-5.51 5.514zm-2.233 5.635a1.956 1.956 0 0 1-1.952-1.961c0-1.083.874-1.961 1.952-1.961c1.079 0 1.952.878 1.952 1.96a1.956 1.956 0 0 1-1.952 1.962m9.347 5.695l-1.578 1.578l-5.51-5.514l1.577-1.578z"/></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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M13.351%2020.404a8.3%208.3%200%200%200%203.14-.616l2.69%202.694A11.9%2011.9%200%200%201%2013.352%2024C6.73%2024%201.36%2018.627%201.36%2012S6.73%200%2013.351%200c2.097%200%204.065.54%205.78%201.487l-2.648%202.649a8.3%208.3%200%200%200-3.132-.613c-4.638%200-8.397%203.779-8.397%208.44c0%204.662%203.76%208.44%208.397%208.44m2.176-12.155l5.51-5.514l1.578%201.577l-5.51%205.514zm-2.233%205.635a1.956%201.956%200%200%201-1.952-1.961c0-1.083.874-1.961%201.952-1.961c1.079%200%201.952.878%201.952%201.96a1.956%201.956%200%200%201-1.952%201.962m9.347%205.695l-1.578%201.578l-5.51-5.514l1.577-1.578z%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%22M13.351%2020.404a8.3%208.3%200%200%200%203.14-.616l2.69%202.694A11.9%2011.9%200%200%201%2013.352%2024C6.73%2024%201.36%2018.627%201.36%2012S6.73%200%2013.351%200c2.097%200%204.065.54%205.78%201.487l-2.648%202.649a8.3%208.3%200%200%200-3.132-.613c-4.638%200-8.397%203.779-8.397%208.44c0%204.662%203.76%208.44%208.397%208.44m2.176-12.155l5.51-5.514l1.578%201.577l-5.51%205.514zm-2.233%205.635a1.956%201.956%200%200%201-1.952-1.961c0-1.083.874-1.961%201.952-1.961c1.079%200%201.952.878%201.952%201.96a1.956%201.956%200%200%201-1.952%201.962m9.347%205.695l-1.578%201.578l-5.51-5.514l1.577-1.578z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/clockify.svg?color=%231a73e8&size=48