Ikon Kimai

selfhst:kimai

Ikon Kimai (selfhst:kimai) adalah ikon SVG gratis dari set selfh.st/icons karya selfh.st. Ikon ini digambar pada grid 512 × 512. selfh.st/icons dirilis di bawah lisensi CC BY 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon: selfh.st/icons
Pembuat: selfh.st
Lisensi: CC-BY-4.0
Ukuran: 512 × 512

Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><linearGradient id="SVGA6wvMd0m" x1="934.777" x2="934.108" y1="690.901" y2="286.126" gradientTransform="translate(-831.23 -279.94)scale(1.1636)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#f2f2f2"/><stop offset="1" stop-color="#f2f2f2"/></linearGradient><circle cx="256" cy="256" r="256" fill="url(#SVGA6wvMd0m)"/><radialGradient id="SVGjZnxRc7u" cx="875.876" cy="396.261" r="188.047" gradientTransform="matrix(1.3584 0 0 1.652 -933.757 -397.458)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#01fd00"/><stop offset="1" stop-color="#009d39"/></radialGradient><circle cx="256" cy="256" r="226.7" fill="url(#SVGjZnxRc7u)"/><path fill="#fff" d="M256 484.4c-61 0-118.4-23.8-161.5-66.9S27.6 317 27.6 256S51.4 137.6 94.5 94.5c43.1-43.2 100.5-67 161.5-67s118.4 23.8 161.5 66.9s66.9 100.5 66.9 161.5s-23.8 118.4-66.9 161.5c-43.1 43.3-100.4 67-161.5 67M256 31C132 31 31 131.9 31 256s100.9 225 225 225c124 0 225-100.9 225-225S380.1 31 256 31"/><radialGradient id="SVGjHdvscEi" cx="892.004" cy="354.041" r="65.314" gradientTransform="rotate(-30 119.14 4563.412)scale(2.5926 2.688)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#f9f9f9"/><stop offset="1" stop-color="#fff"/></radialGradient><path fill="url(#SVGjHdvscEi)" fill-rule="evenodd" d="m201.6 351.9l150-87.3l-150-87.3z"/><path fill="#c7efc4" fill-rule="evenodd" d="M347 126.5c-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.3H63.7c-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.9L81 168.3c-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.3V66.3c0-6.8 5.5-12.3 12.3-12.3S286 59.5 286 66.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.3V66.3c0-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>

Cara memakai ikon Kimai

React

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

<Icon icon="selfhst:kimai" width="24" />

Vue

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

<template>
  <Icon icon="selfhst:kimai" width="24" />
</template>

Svelte

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

<Icon icon="selfhst:kimai" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="selfhst:kimai"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/selfhst/kimai.svg" alt="Ikon Kimai" width="24" height="24">

Ikon terkait di selfh.st/icons

Ikon Kimai di set ikon lain

FAQ Ikon Kimai

Apakah ikon Kimai gratis untuk penggunaan komersial?

Ya. selfh.st/icons dirilis di bawah lisensi CC BY 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya.

Bagaimana cara memakai ikon Kimai di React?

Pasang @iconify/react lalu render <Icon icon="selfhst:kimai" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Kimai ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/selfhst/kimai.svg" alt="Ikon Kimai">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua selfh.st/icons →