clickup logo

clickup from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.

Name
clickup
Set
SVG Logos
Style
Color
Viewbox
512×126
License
CC0

The same logo in other sets

clickupSimple Icons

Related icons in SVG Logos

clickup-icon

Use the clickup logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 126"><defs><linearGradient id="SVGEobEabCc" x1="0%" x2="100%" y1="118.01%" y2="118.01%"><stop offset="0%" stop-color="#7612fa"/><stop offset="100%" stop-color="#40ddff"/></linearGradient><linearGradient id="SVGMrRN4bVF" x1="0%" x2="100%" y1="118.01%" y2="118.01%"><stop offset="0%" stop-color="#fa12e3"/><stop offset="100%" stop-color="gold"/></linearGradient></defs><g fill-rule="evenodd"><path fill="url(#SVGEobEabCc)" d="m0 92.519l18.334-14.186c9.74 12.84 20.09 18.76 31.609 18.76c11.457 0 21.514-5.85 30.815-18.59l18.596 13.845c-13.421 18.37-30.1 28.077-49.411 28.077c-19.25 0-36.09-9.644-49.943-27.906"/><path fill="url(#SVGMrRN4bVF)" d="M49.884 30.862L17.251 59.266L2.167 41.595L49.953 0l47.41 41.626l-15.154 17.609z"/><path d="M231.642 28.5c0 6.144 4.435 10.624 10.518 10.624v.008c5.883 0 10.426-4.488 10.426-10.632c0-5.942-4.543-10.422-10.426-10.422c-5.875 0-10.518 4.48-10.518 10.422m-6.69-6.254v79.519h-18.157V22.246zm-55.293 80.667c-11.14 0-20.426-3.649-27.955-10.943c-7.53-7.397-11.243-16.878-11.243-28.45c0-11.667 3.812-21.257 11.343-28.763c7.638-7.606 16.925-11.355 27.966-11.355c13.622 0 25.688 5.934 32.71 15.213l-12.289 13.028c-5.883-6.362-12.282-9.59-19.189-9.59c-5.883 0-10.734 1.975-14.76 6.043c-3.92 4.068-5.876 9.178-5.876 15.322q-.002 8.911 5.875 15.011c4.027 3.959 8.878 5.934 14.654 5.934c7.53 0 14.137-3.336 19.604-9.9l12.798 12.405c-3.511 4.69-8.255 8.547-14.138 11.565c-5.881 3.025-12.38 4.48-19.5 4.48m81.686-58.68v57.53H233.08v-57.53zm13.093 50.337c5.667 5.631 12.89 8.447 21.868 8.447c12.074 0 22.284-5.942 27.243-15.532l-14.553-8.75c-2.064 4.48-6.915 7.396-12.174 7.396c-7.33 0-12.797-5.63-12.797-13.237a13.06 13.06 0 0 1 3.611-9.271c2.48-2.505 5.575-3.757 9.394-3.757c5.26 0 9.286 2.505 12.174 7.405l14.545-7.716c-4.843-10.943-15.269-16.776-27.135-16.776c-9.078 0-16.401 2.808-22.076 8.439c-5.675 5.63-8.462 12.817-8.462 21.676s2.787 16.053 8.362 21.676m112.44 7.195h-21.674l-16.827-22.828l-2.678 2.505v20.323h-18.15V22.246h18.156V60.91l17.126-16.675h22.186l-24.448 23.138zm1.218-77.021v47.11c0 22.718 15.684 31.266 31.47 31.266c15.885 0 31.47-8.548 31.47-31.267V24.744h-19.504v46.798c0 8.439-4.952 12.818-11.966 12.818c-7.121 0-12.074-4.17-12.074-12.818V24.744zm106.047 18.035c8.155 0 14.762 2.916 20.02 8.75C509.42 57.26 512 64.455 512 72.894c0 8.446-2.678 15.633-7.936 21.575c-5.267 5.833-11.868 8.758-19.813 8.758c-6.298 0-11.766-2.085-16.203-6.254v28.451h-18.264v-81.19h17.959v5.32c4.434-4.489 9.901-6.775 16.4-6.775m-3.505 17.09c7.433 0 12.79 5.732 12.79 13.237h.009a13.5 13.5 0 0 1-3.62 9.38c-2.373 2.606-5.467 3.858-9.18 3.858c-3.718 0-6.813-1.252-9.284-3.858c-2.38-2.606-3.61-5.732-3.61-9.38c0-7.505 5.464-13.237 12.895-13.237"/></g></svg>

React

import type { SVGProps } from "react";

export function LogosClickup(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 126"><defs><linearGradient id="SVGEobEabCc" x1="0%" x2="100%" y1="118.01%" y2="118.01%"><stop offset="0%" stopColor="#7612fa"/><stop offset="100%" stopColor="#40ddff"/></linearGradient><linearGradient id="SVGMrRN4bVF" x1="0%" x2="100%" y1="118.01%" y2="118.01%"><stop offset="0%" stopColor="#fa12e3"/><stop offset="100%" stopColor="gold"/></linearGradient></defs><g fillRule="evenodd"><path fill="url(#SVGEobEabCc)" d="m0 92.519l18.334-14.186c9.74 12.84 20.09 18.76 31.609 18.76c11.457 0 21.514-5.85 30.815-18.59l18.596 13.845c-13.421 18.37-30.1 28.077-49.411 28.077c-19.25 0-36.09-9.644-49.943-27.906"/><path fill="url(#SVGMrRN4bVF)" d="M49.884 30.862L17.251 59.266L2.167 41.595L49.953 0l47.41 41.626l-15.154 17.609z"/><path d="M231.642 28.5c0 6.144 4.435 10.624 10.518 10.624v.008c5.883 0 10.426-4.488 10.426-10.632c0-5.942-4.543-10.422-10.426-10.422c-5.875 0-10.518 4.48-10.518 10.422m-6.69-6.254v79.519h-18.157V22.246zm-55.293 80.667c-11.14 0-20.426-3.649-27.955-10.943c-7.53-7.397-11.243-16.878-11.243-28.45c0-11.667 3.812-21.257 11.343-28.763c7.638-7.606 16.925-11.355 27.966-11.355c13.622 0 25.688 5.934 32.71 15.213l-12.289 13.028c-5.883-6.362-12.282-9.59-19.189-9.59c-5.883 0-10.734 1.975-14.76 6.043c-3.92 4.068-5.876 9.178-5.876 15.322q-.002 8.911 5.875 15.011c4.027 3.959 8.878 5.934 14.654 5.934c7.53 0 14.137-3.336 19.604-9.9l12.798 12.405c-3.511 4.69-8.255 8.547-14.138 11.565c-5.881 3.025-12.38 4.48-19.5 4.48m81.686-58.68v57.53H233.08v-57.53zm13.093 50.337c5.667 5.631 12.89 8.447 21.868 8.447c12.074 0 22.284-5.942 27.243-15.532l-14.553-8.75c-2.064 4.48-6.915 7.396-12.174 7.396c-7.33 0-12.797-5.63-12.797-13.237a13.06 13.06 0 0 1 3.611-9.271c2.48-2.505 5.575-3.757 9.394-3.757c5.26 0 9.286 2.505 12.174 7.405l14.545-7.716c-4.843-10.943-15.269-16.776-27.135-16.776c-9.078 0-16.401 2.808-22.076 8.439c-5.675 5.63-8.462 12.817-8.462 21.676s2.787 16.053 8.362 21.676m112.44 7.195h-21.674l-16.827-22.828l-2.678 2.505v20.323h-18.15V22.246h18.156V60.91l17.126-16.675h22.186l-24.448 23.138zm1.218-77.021v47.11c0 22.718 15.684 31.266 31.47 31.266c15.885 0 31.47-8.548 31.47-31.267V24.744h-19.504v46.798c0 8.439-4.952 12.818-11.966 12.818c-7.121 0-12.074-4.17-12.074-12.818V24.744zm106.047 18.035c8.155 0 14.762 2.916 20.02 8.75C509.42 57.26 512 64.455 512 72.894c0 8.446-2.678 15.633-7.936 21.575c-5.267 5.833-11.868 8.758-19.813 8.758c-6.298 0-11.766-2.085-16.203-6.254v28.451h-18.264v-81.19h17.959v5.32c4.434-4.489 9.901-6.775 16.4-6.775m-3.505 17.09c7.433 0 12.79 5.732 12.79 13.237h.009a13.5 13.5 0 0 1-3.62 9.38c-2.373 2.606-5.467 3.858-9.18 3.858c-3.718 0-6.813-1.252-9.284-3.858c-2.38-2.606-3.61-5.732-3.61-9.38c0-7.505 5.464-13.237 12.895-13.237"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 126"><defs><linearGradient id="SVGEobEabCc" x1="0%" x2="100%" y1="118.01%" y2="118.01%"><stop offset="0%" stop-color="#7612fa"/><stop offset="100%" stop-color="#40ddff"/></linearGradient><linearGradient id="SVGMrRN4bVF" x1="0%" x2="100%" y1="118.01%" y2="118.01%"><stop offset="0%" stop-color="#fa12e3"/><stop offset="100%" stop-color="gold"/></linearGradient></defs><g fill-rule="evenodd"><path fill="url(#SVGEobEabCc)" d="m0 92.519l18.334-14.186c9.74 12.84 20.09 18.76 31.609 18.76c11.457 0 21.514-5.85 30.815-18.59l18.596 13.845c-13.421 18.37-30.1 28.077-49.411 28.077c-19.25 0-36.09-9.644-49.943-27.906"/><path fill="url(#SVGMrRN4bVF)" d="M49.884 30.862L17.251 59.266L2.167 41.595L49.953 0l47.41 41.626l-15.154 17.609z"/><path d="M231.642 28.5c0 6.144 4.435 10.624 10.518 10.624v.008c5.883 0 10.426-4.488 10.426-10.632c0-5.942-4.543-10.422-10.426-10.422c-5.875 0-10.518 4.48-10.518 10.422m-6.69-6.254v79.519h-18.157V22.246zm-55.293 80.667c-11.14 0-20.426-3.649-27.955-10.943c-7.53-7.397-11.243-16.878-11.243-28.45c0-11.667 3.812-21.257 11.343-28.763c7.638-7.606 16.925-11.355 27.966-11.355c13.622 0 25.688 5.934 32.71 15.213l-12.289 13.028c-5.883-6.362-12.282-9.59-19.189-9.59c-5.883 0-10.734 1.975-14.76 6.043c-3.92 4.068-5.876 9.178-5.876 15.322q-.002 8.911 5.875 15.011c4.027 3.959 8.878 5.934 14.654 5.934c7.53 0 14.137-3.336 19.604-9.9l12.798 12.405c-3.511 4.69-8.255 8.547-14.138 11.565c-5.881 3.025-12.38 4.48-19.5 4.48m81.686-58.68v57.53H233.08v-57.53zm13.093 50.337c5.667 5.631 12.89 8.447 21.868 8.447c12.074 0 22.284-5.942 27.243-15.532l-14.553-8.75c-2.064 4.48-6.915 7.396-12.174 7.396c-7.33 0-12.797-5.63-12.797-13.237a13.06 13.06 0 0 1 3.611-9.271c2.48-2.505 5.575-3.757 9.394-3.757c5.26 0 9.286 2.505 12.174 7.405l14.545-7.716c-4.843-10.943-15.269-16.776-27.135-16.776c-9.078 0-16.401 2.808-22.076 8.439c-5.675 5.63-8.462 12.817-8.462 21.676s2.787 16.053 8.362 21.676m112.44 7.195h-21.674l-16.827-22.828l-2.678 2.505v20.323h-18.15V22.246h18.156V60.91l17.126-16.675h22.186l-24.448 23.138zm1.218-77.021v47.11c0 22.718 15.684 31.266 31.47 31.266c15.885 0 31.47-8.548 31.47-31.267V24.744h-19.504v46.798c0 8.439-4.952 12.818-11.966 12.818c-7.121 0-12.074-4.17-12.074-12.818V24.744zm106.047 18.035c8.155 0 14.762 2.916 20.02 8.75C509.42 57.26 512 64.455 512 72.894c0 8.446-2.678 15.633-7.936 21.575c-5.267 5.833-11.868 8.758-19.813 8.758c-6.298 0-11.766-2.085-16.203-6.254v28.451h-18.264v-81.19h17.959v5.32c4.434-4.489 9.901-6.775 16.4-6.775m-3.505 17.09c7.433 0 12.79 5.732 12.79 13.237h.009a13.5 13.5 0 0 1-3.62 9.38c-2.373 2.606-5.467 3.858-9.18 3.858c-3.718 0-6.813-1.252-9.284-3.858c-2.38-2.606-3.61-5.732-3.61-9.38c0-7.505 5.464-13.237 12.895-13.237"/></g></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%20512%20126%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGEobEabCc%22%20x1%3D%220%25%22%20x2%3D%22100%25%22%20y1%3D%22118.01%25%22%20y2%3D%22118.01%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%237612fa%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%2340ddff%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGMrRN4bVF%22%20x1%3D%220%25%22%20x2%3D%22100%25%22%20y1%3D%22118.01%25%22%20y2%3D%22118.01%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23fa12e3%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22gold%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cg%20fill-rule%3D%22evenodd%22%3E%3Cpath%20fill%3D%22url(%23SVGEobEabCc)%22%20d%3D%22m0%2092.519l18.334-14.186c9.74%2012.84%2020.09%2018.76%2031.609%2018.76c11.457%200%2021.514-5.85%2030.815-18.59l18.596%2013.845c-13.421%2018.37-30.1%2028.077-49.411%2028.077c-19.25%200-36.09-9.644-49.943-27.906%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGMrRN4bVF)%22%20d%3D%22M49.884%2030.862L17.251%2059.266L2.167%2041.595L49.953%200l47.41%2041.626l-15.154%2017.609z%22%2F%3E%3Cpath%20d%3D%22M231.642%2028.5c0%206.144%204.435%2010.624%2010.518%2010.624v.008c5.883%200%2010.426-4.488%2010.426-10.632c0-5.942-4.543-10.422-10.426-10.422c-5.875%200-10.518%204.48-10.518%2010.422m-6.69-6.254v79.519h-18.157V22.246zm-55.293%2080.667c-11.14%200-20.426-3.649-27.955-10.943c-7.53-7.397-11.243-16.878-11.243-28.45c0-11.667%203.812-21.257%2011.343-28.763c7.638-7.606%2016.925-11.355%2027.966-11.355c13.622%200%2025.688%205.934%2032.71%2015.213l-12.289%2013.028c-5.883-6.362-12.282-9.59-19.189-9.59c-5.883%200-10.734%201.975-14.76%206.043c-3.92%204.068-5.876%209.178-5.876%2015.322q-.002%208.911%205.875%2015.011c4.027%203.959%208.878%205.934%2014.654%205.934c7.53%200%2014.137-3.336%2019.604-9.9l12.798%2012.405c-3.511%204.69-8.255%208.547-14.138%2011.565c-5.881%203.025-12.38%204.48-19.5%204.48m81.686-58.68v57.53H233.08v-57.53zm13.093%2050.337c5.667%205.631%2012.89%208.447%2021.868%208.447c12.074%200%2022.284-5.942%2027.243-15.532l-14.553-8.75c-2.064%204.48-6.915%207.396-12.174%207.396c-7.33%200-12.797-5.63-12.797-13.237a13.06%2013.06%200%200%201%203.611-9.271c2.48-2.505%205.575-3.757%209.394-3.757c5.26%200%209.286%202.505%2012.174%207.405l14.545-7.716c-4.843-10.943-15.269-16.776-27.135-16.776c-9.078%200-16.401%202.808-22.076%208.439c-5.675%205.63-8.462%2012.817-8.462%2021.676s2.787%2016.053%208.362%2021.676m112.44%207.195h-21.674l-16.827-22.828l-2.678%202.505v20.323h-18.15V22.246h18.156V60.91l17.126-16.675h22.186l-24.448%2023.138zm1.218-77.021v47.11c0%2022.718%2015.684%2031.266%2031.47%2031.266c15.885%200%2031.47-8.548%2031.47-31.267V24.744h-19.504v46.798c0%208.439-4.952%2012.818-11.966%2012.818c-7.121%200-12.074-4.17-12.074-12.818V24.744zm106.047%2018.035c8.155%200%2014.762%202.916%2020.02%208.75C509.42%2057.26%20512%2064.455%20512%2072.894c0%208.446-2.678%2015.633-7.936%2021.575c-5.267%205.833-11.868%208.758-19.813%208.758c-6.298%200-11.766-2.085-16.203-6.254v28.451h-18.264v-81.19h17.959v5.32c4.434-4.489%209.901-6.775%2016.4-6.775m-3.505%2017.09c7.433%200%2012.79%205.732%2012.79%2013.237h.009a13.5%2013.5%200%200%201-3.62%209.38c-2.373%202.606-5.467%203.858-9.18%203.858c-3.718%200-6.813-1.252-9.284-3.858c-2.38-2.606-3.61-5.732-3.61-9.38c0-7.505%205.464-13.237%2012.895-13.237%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%20512%20126%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGEobEabCc%22%20x1%3D%220%25%22%20x2%3D%22100%25%22%20y1%3D%22118.01%25%22%20y2%3D%22118.01%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%237612fa%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%2340ddff%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGMrRN4bVF%22%20x1%3D%220%25%22%20x2%3D%22100%25%22%20y1%3D%22118.01%25%22%20y2%3D%22118.01%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23fa12e3%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22gold%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cg%20fill-rule%3D%22evenodd%22%3E%3Cpath%20fill%3D%22url(%23SVGEobEabCc)%22%20d%3D%22m0%2092.519l18.334-14.186c9.74%2012.84%2020.09%2018.76%2031.609%2018.76c11.457%200%2021.514-5.85%2030.815-18.59l18.596%2013.845c-13.421%2018.37-30.1%2028.077-49.411%2028.077c-19.25%200-36.09-9.644-49.943-27.906%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGMrRN4bVF)%22%20d%3D%22M49.884%2030.862L17.251%2059.266L2.167%2041.595L49.953%200l47.41%2041.626l-15.154%2017.609z%22%2F%3E%3Cpath%20d%3D%22M231.642%2028.5c0%206.144%204.435%2010.624%2010.518%2010.624v.008c5.883%200%2010.426-4.488%2010.426-10.632c0-5.942-4.543-10.422-10.426-10.422c-5.875%200-10.518%204.48-10.518%2010.422m-6.69-6.254v79.519h-18.157V22.246zm-55.293%2080.667c-11.14%200-20.426-3.649-27.955-10.943c-7.53-7.397-11.243-16.878-11.243-28.45c0-11.667%203.812-21.257%2011.343-28.763c7.638-7.606%2016.925-11.355%2027.966-11.355c13.622%200%2025.688%205.934%2032.71%2015.213l-12.289%2013.028c-5.883-6.362-12.282-9.59-19.189-9.59c-5.883%200-10.734%201.975-14.76%206.043c-3.92%204.068-5.876%209.178-5.876%2015.322q-.002%208.911%205.875%2015.011c4.027%203.959%208.878%205.934%2014.654%205.934c7.53%200%2014.137-3.336%2019.604-9.9l12.798%2012.405c-3.511%204.69-8.255%208.547-14.138%2011.565c-5.881%203.025-12.38%204.48-19.5%204.48m81.686-58.68v57.53H233.08v-57.53zm13.093%2050.337c5.667%205.631%2012.89%208.447%2021.868%208.447c12.074%200%2022.284-5.942%2027.243-15.532l-14.553-8.75c-2.064%204.48-6.915%207.396-12.174%207.396c-7.33%200-12.797-5.63-12.797-13.237a13.06%2013.06%200%200%201%203.611-9.271c2.48-2.505%205.575-3.757%209.394-3.757c5.26%200%209.286%202.505%2012.174%207.405l14.545-7.716c-4.843-10.943-15.269-16.776-27.135-16.776c-9.078%200-16.401%202.808-22.076%208.439c-5.675%205.63-8.462%2012.817-8.462%2021.676s2.787%2016.053%208.362%2021.676m112.44%207.195h-21.674l-16.827-22.828l-2.678%202.505v20.323h-18.15V22.246h18.156V60.91l17.126-16.675h22.186l-24.448%2023.138zm1.218-77.021v47.11c0%2022.718%2015.684%2031.266%2031.47%2031.266c15.885%200%2031.47-8.548%2031.47-31.267V24.744h-19.504v46.798c0%208.439-4.952%2012.818-11.966%2012.818c-7.121%200-12.074-4.17-12.074-12.818V24.744zm106.047%2018.035c8.155%200%2014.762%202.916%2020.02%208.75C509.42%2057.26%20512%2064.455%20512%2072.894c0%208.446-2.678%2015.633-7.936%2021.575c-5.267%205.833-11.868%208.758-19.813%208.758c-6.298%200-11.766-2.085-16.203-6.254v28.451h-18.264v-81.19h17.959v5.32c4.434-4.489%209.901-6.775%2016.4-6.775m-3.505%2017.09c7.433%200%2012.79%205.732%2012.79%2013.237h.009a13.5%2013.5%200%200%201-3.62%209.38c-2.373%202.606-5.467%203.858-9.18%203.858c-3.718%200-6.813-1.252-9.284-3.858c-2.38-2.606-3.61-5.732-3.61-9.38c0-7.505%205.464-13.237%2012.895-13.237%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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