clickup logo

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

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

The same logo in other sets

clickupSVG Logos

Use the clickup logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m2 18.439l3.69-2.828c1.961 2.56 4.044 3.739 6.363 3.739c2.307 0 4.33-1.166 6.203-3.704L22 18.405C19.298 22.065 15.941 24 12.053 24C8.178 24 4.788 22.078 2 18.439M12.04 6.15l-6.568 5.66l-3.036-3.52L12.055 0l9.543 8.296l-3.05 3.509z"/></svg>

React

import type { SVGProps } from "react";

export function SimpleIconsClickup(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="m2 18.439l3.69-2.828c1.961 2.56 4.044 3.739 6.363 3.739c2.307 0 4.33-1.166 6.203-3.704L22 18.405C19.298 22.065 15.941 24 12.053 24C8.178 24 4.788 22.078 2 18.439M12.04 6.15l-6.568 5.66l-3.036-3.52L12.055 0l9.543 8.296l-3.05 3.509z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m2 18.439l3.69-2.828c1.961 2.56 4.044 3.739 6.363 3.739c2.307 0 4.33-1.166 6.203-3.704L22 18.405C19.298 22.065 15.941 24 12.053 24C8.178 24 4.788 22.078 2 18.439M12.04 6.15l-6.568 5.66l-3.036-3.52L12.055 0l9.543 8.296l-3.05 3.509z"/></svg>
</template>

CSS

.icon-clickup {
  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%22m2%2018.439l3.69-2.828c1.961%202.56%204.044%203.739%206.363%203.739c2.307%200%204.33-1.166%206.203-3.704L22%2018.405C19.298%2022.065%2015.941%2024%2012.053%2024C8.178%2024%204.788%2022.078%202%2018.439M12.04%206.15l-6.568%205.66l-3.036-3.52L12.055%200l9.543%208.296l-3.05%203.509z%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%22m2%2018.439l3.69-2.828c1.961%202.56%204.044%203.739%206.363%203.739c2.307%200%204.33-1.166%206.203-3.704L22%2018.405C19.298%2022.065%2015.941%2024%2012.053%2024C8.178%2024%204.788%2022.078%202%2018.439M12.04%206.15l-6.568%205.66l-3.036-3.52L12.055%200l9.543%208.296l-3.05%203.509z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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