ICONYZ
日本語
theSVG Color の Kanboard アイコン

Kanboard アイコン

thesvg-color:kanboard

Kanboard アイコン(thesvg-color:kanboard)は、theSVG Color セットの無料 SVG アイコンです(作者: thesvg.org)。 144 × 144 のグリッドで描かれています。 theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
theSVG Color
作者
thesvg.org
ライセンス
MIT
サイズ
144 × 144
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="144" height="144" viewBox="0 0 144 144"><path fill="#d40000" d="M71.845 124.948H49.044L27.502 82.942l-4.357 7.682v34.324H4.555V20.002h18.59v47.504l25.754-47.504H70.44L42.267 68.564z"/><path fill="#2b0000" d="M139.216 92.66q0 7.837-2.407 13.839q-2.406 6-6.475 9.884q-4.813 4.66-10.6 6.637q-5.731 1.977-14.613 1.977H74.865V19.869h25.27q9.34 0 13.982.847t8.882 3.53q4.699 3.036 6.82 7.837q2.12 4.73 2.12 11.367q0 7.484-3.095 12.78q-3.095 5.224-8.252 8.402v.564q8.653 2.19 13.638 9.39q4.985 7.132 4.985 18.075zm-19.082-47.375q0-3.812-1.031-6.425q-1.032-2.612-3.324-4.236q-2.693-1.906-6.532-2.33q-3.84-.494-9.513-.494H86.211v30.36h14.669q5.33 0 8.48-.636q3.153-.706 5.846-2.824t3.782-5.436q1.146-3.39 1.146-7.978zm7.278 47.94q0-6.354-1.548-10.096q-1.547-3.742-5.615-6.354q-2.75-1.765-6.705-2.26q-3.896-.564-9.512-.564H86.21v39.114h15.014q7.449 0 12.205-.918q4.756-.989 7.793-3.53q3.21-2.754 4.699-6.284q1.49-3.53 1.49-9.108z"/></svg>

Kanboard アイコンの使い方

React

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

<Icon icon="thesvg-color:kanboard" width="24" />

Vue

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

<template>
  <Icon icon="thesvg-color:kanboard" width="24" />
</template>

Svelte

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

<Icon icon="thesvg-color:kanboard" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--kanboard]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:kanboard"></div>

Web コンポーネント

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

<iconify-icon icon="thesvg-color:kanboard"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/thesvg-color/kanboard.svg" alt="Kanboard アイコン" width="24" height="24">

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

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

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

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

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

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

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

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

theSVG Color アイコン をすべて見る →