Clickup icon

logos:clickup

The Clickup icon (logos:clickup) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 512 × 126 grid. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: SVG Logos
Author: Gil Barbara
License: CC0-1.0
Size: 512 × 126

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="126" 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>

How to use the Clickup icon

React

import { Icon } from "@iconify/react";

<Icon icon="logos:clickup" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="logos:clickup" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="logos:clickup" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--clickup]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:clickup"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="logos:clickup"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/logos/clickup.svg" alt="Clickup icon" width="24" height="24">

Related icons in SVG Logos

Clickup icon in other icon sets

Clickup icon FAQ

Is the Clickup icon free for commercial use?

Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.

How do I use the Clickup icon in React?

Install @iconify/react and render <Icon icon="logos:clickup" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Clickup icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/clickup.svg" alt="Clickup icon">, or paste the SVG code inline to style it with CSS.

Browse all SVG Logos icons →