Clickup アイコン

Q: Clickup アイコンは商用利用でも無料ですか?

はい。SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。

logos:clickup

Clickup アイコン(logos:clickup)は、SVG Logos セットの無料 SVG アイコンです（作者: Gil Barbara）。 512 × 126 のグリッドで描かれています。 SVG Logos icons は CC0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: SVG Logos
作者: Gil Barbara
ライセンス: CC0-1.0
サイズ: 512 × 126

SVG をダウンロード

SVG コード

<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>

Clickup アイコンの使い方

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 コンポーネント

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

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

HTML 画像

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

SVG Logos の関連アイコン

他のアイコンセットの Clickup アイコン

Clickup アイコンのよくある質問

Clickup アイコンは商用利用でも無料ですか?

はい。SVG Logos icons は CC0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Clickup アイコンを使うには?

@iconify/react をインストールして <Icon icon="logos:clickup" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Clickup アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/logos/clickup.svg" alt="Clickup アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

SVG Logos アイコンをすべて見る →