Kimai アイコン

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

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

thesvg-color:kimai

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

アイコンセット: theSVG Color
作者: thesvg.org
ライセンス: MIT
サイズ: 512 × 512

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><g transform="translate(-390.567 181.567)"><linearGradient id="SVGAV8VHdJj" x1="941.609" x2="940.939" y1="81.556" y2="486.33" gradientTransform="matrix(1.1636 0 0 -1.1636 -448.68 437.324)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#f2f2f2"/><stop offset="1" stop-color="#f2f2f2"/></linearGradient><circle cx="646.6" cy="74.4" r="256" fill="url(#SVGAV8VHdJj)"/><radialGradient id="SVGUjmKVbeE" cx="888.811" cy="340.879" r="188.042" gradientTransform="matrix(1.3584 0 0 -1.652 -560.752 638.731)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#01fd00"/><stop offset="1" stop-color="#009d39"/></radialGradient><circle cx="646.6" cy="74.4" r="226.7" fill="url(#SVGUjmKVbeE)" stroke="#fff" stroke-linejoin="round" stroke-miterlimit="4.654" stroke-width="3.491"/><radialGradient id="SVGLghPObrW" cx="951.443" cy="352.857" r="65.314" gradientTransform="rotate(-30 3598.391 3081.24)scale(2.5926 -2.688)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#f9f9f9"/><stop offset="1" stop-color="#fff"/></radialGradient><path fill="url(#SVGLghPObrW)" fill-rule="evenodd" d="m592.2 170.3l150-87.3l-150-87.3z"/></g><path fill="#c7efc4" fill-rule="evenodd" d="M347.033 126.467c-4.4-2.9-5.6-8.8-2.7-13.2l13.5-20.5c2.9-4.4 8.8-5.6 13.2-2.7s5.6 8.8 2.7 13.2l-13.5 20.5c-2.9 4.4-8.8 5.6-13.2 2.7m50.8 56.6c-2.4-4.7-.6-10.4 4.1-12.9l21.8-11.2c4.7-2.4 10.4-.6 12.9 4.1c2.4 4.7.6 10.4-4.1 12.9l-21.9 11.3c-4.7 2.4-10.4.5-12.8-4.2m5.1 75c0-6.8 5.5-12.3 12.3-12.3h31.4c6.8 0 12.3 5.5 12.3 12.3s-5.5 12.3-12.3 12.3h-31.4c-6.8 0-12.3-5.5-12.3-12.3m-8.2 77.1c2.5-4.6 8.3-6.4 12.9-3.9l21.6 11.6c4.6 2.5 6.4 8.3 3.9 12.9s-8.3 6.4-12.9 3.9l-21.6-11.6c-4.7-2.5-6.4-8.3-3.9-12.9m-31.9 95.3c-4.5 2.8-10.4 1.4-13.1-3.1l-12.9-20.9c-2.8-4.5-1.4-10.4 3.1-13.1c4.5-2.8 10.4-1.4 13.1 3.1l12.9 20.9c2.8 4.4 1.4 10.3-3.1 13.1m-106.4 30c-6.8 0-12.3-5.5-12.3-12.3v-31.4c0-6.8 5.5-12.3 12.3-12.3s12.3 5.5 12.3 12.3v31.4c-.1 6.8-5.6 12.3-12.3 12.3m-113.9-33.2c-4.4-2.9-5.7-8.8-2.8-13.2l13.3-20.6c2.9-4.4 8.8-5.7 13.2-2.8s5.7 8.8 2.8 13.2l-13.3 20.6c-2.9 4.4-8.8 5.6-13.2 2.8m-70.1-77.5c-2.4-4.7-.6-10.4 4.1-12.9l21.8-11.2c4.7-2.4 10.4-.6 12.9 4.1c2.4 4.7.6 10.4-4.1 12.9l-21.8 11.2c-4.8 2.4-10.5.6-12.9-4.1m-21-91.7c0-6.8 5.5-12.3 12.3-12.3h31.4c6.8 0 12.3 5.5 12.3 12.3s-5.5 12.3-12.3 12.3h-31.4c-6.8 0-12.3-5.5-12.3-12.3m25.7-102.7c2.5-4.6 8.3-6.4 12.9-3.9l21.6 11.6c4.6 2.5 6.4 8.3 3.9 12.9s-8.3 6.4-12.9 3.9l-21.6-11.6c-4.7-2.5-6.4-8.2-3.9-12.9m94.1-35.9c-4.5 2.8-10.4 1.4-13.1-3.1l-13-20.8c-2.8-4.5-1.4-10.4 3.1-13.1c4.5-2.8 10.4-1.4 13.1 3.1l13 20.8c2.8 4.4 1.4 10.3-3.1 13.1m102.5-9.5c-6.8 0-12.3-5.5-12.3-12.3v-31.4c0-6.8 5.5-12.3 12.3-12.3s12.3 5.5 12.3 12.3v31.4c0 6.8-5.5 12.3-12.3 12.3m-35.8 0c-6.8 0-12.3-5.5-12.3-12.3v-31.4c0-6.8 5.5-12.3 12.3-12.3s12.3 5.5 12.3 12.3v31.4c0 6.8-5.5 12.3-12.3 12.3" opacity=".5"/></svg>

Kimai アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

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

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

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

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

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

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

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

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

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