ICONYZ
Bahasa Indonesia
Ikon Kinto Icon dari SVG Logos

Ikon Kinto Icon

logos:kinto-icon

Ikon Kinto Icon (logos:kinto-icon) adalah ikon SVG gratis dari set SVG Logos karya Gil Barbara. Ikon ini digambar pada grid 256 × 99. SVG Logos icons dirilis di bawah lisensi CC0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon
SVG Logos
Pembuat
Gil Barbara
Lisensi
CC0-1.0
Ukuran
256 × 99
Tag
kintoicon
Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="99" viewBox="0 0 256 99"><defs><linearGradient id="SVGqkb1odNS" x1="-.944%" x2="100.193%" y1="34.58%" y2="93.74%"><stop offset="0%" stop-color="#feec7f"/><stop offset="100%" stop-color="#f3a21b"/></linearGradient><linearGradient id="SVG340gCcUH" x1="50%" x2="50%" y1="-26.499%" y2="107.049%"><stop offset="0%" stop-color="#feec7f"/><stop offset="19%" stop-color="#fee97b"/><stop offset="39%" stop-color="#fcdf6e"/><stop offset="61%" stop-color="#facf58"/><stop offset="82%" stop-color="#f6b93a"/><stop offset="100%" stop-color="#f3a21b"/></linearGradient><linearGradient id="SVG95685drO" x1="-31.443%" x2="46.858%" y1="50%" y2="50%"><stop offset="0%" stop-color="#feec7f"/><stop offset="11%" stop-color="#fde373"/><stop offset="71%" stop-color="#f6b434"/><stop offset="100%" stop-color="#f3a21b"/></linearGradient><linearGradient id="SVGIf82NccS" x1="50.002%" x2="50.002%" y1="-9.408%" y2="98.339%"><stop offset="0%" stop-color="#feec7f"/><stop offset="61%" stop-color="#f7bc3f"/><stop offset="100%" stop-color="#f3a21b"/></linearGradient><linearGradient id="SVGH3nDSc2c" x1="50%" x2="50%" y1=".98%" y2="101.601%"><stop offset="0%" stop-color="#f9c32e"/><stop offset="52%" stop-color="#f19819"/><stop offset="100%" stop-color="#e96c04"/></linearGradient><linearGradient id="SVGAmVavdRD" x1="-25.306%" x2="74.694%" y1="50%" y2="50%"><stop offset="0%" stop-color="#f7b425"/><stop offset="6%" stop-color="#f3a620"/><stop offset="21%" stop-color="#ec8816"/><stop offset="37%" stop-color="#e6720e"/><stop offset="55%" stop-color="#e26208"/><stop offset="74%" stop-color="#e05805"/><stop offset="100%" stop-color="#df5504"/></linearGradient><linearGradient id="SVGD7XntbXM" x1="50%" x2="50%" y1="-34.375%" y2="144.062%"><stop offset="0%" stop-color="#feec7f"/><stop offset="61%" stop-color="#f7bd40"/><stop offset="100%" stop-color="#f3a21b"/></linearGradient><linearGradient id="SVGRpRP8dvW" x1="50.354%" x2="50.354%" y1="-109.762%" y2="69.444%"><stop offset="0%" stop-color="#feec7f"/><stop offset="23%" stop-color="#feea7c"/><stop offset="42%" stop-color="#fce271"/><stop offset="60%" stop-color="#fbd560"/><stop offset="78%" stop-color="#f8c347"/><stop offset="94%" stop-color="#f4ac28"/><stop offset="100%" stop-color="#f3a21b"/></linearGradient><linearGradient id="SVGHQ1CZ7Mw" x1="50.006%" x2="50.006%" y1="7.134%" y2="136.776%"><stop offset="0%" stop-color="#f9c32e"/><stop offset="52%" stop-color="#f19819"/><stop offset="100%" stop-color="#e96c04"/></linearGradient><linearGradient id="SVG6HfzkD9D" x1="75.144%" x2="25.511%" y1="18.361%" y2="69.806%"><stop offset="0%" stop-color="#e66a09"/><stop offset="100%" stop-color="#e66a09"/></linearGradient><linearGradient id="SVGW1YEIeKu" x1="50%" x2="50%" y1="-28.81%" y2="101.905%"><stop offset="0%" stop-color="#f7b425"/><stop offset="6%" stop-color="#f3a620"/><stop offset="21%" stop-color="#ec8816"/><stop offset="37%" stop-color="#e6720e"/><stop offset="55%" stop-color="#e26208"/><stop offset="74%" stop-color="#e05805"/><stop offset="100%" stop-color="#df5504"/></linearGradient><linearGradient id="SVGD0S6p8uS" x1="50.001%" x2="50.001%" y1="-14.918%" y2="65.637%"><stop offset="0%" stop-color="#f7b425"/><stop offset="35%" stop-color="#ef961a"/><stop offset="100%" stop-color="#df5504"/></linearGradient></defs><path fill="url(#SVGqkb1odNS)" d="M107.41 97.862H58.533c-7.576-.245-16.008-.856-23.095-2.2c-3.544-.61-6.843-1.466-10.02-2.322c-1.589-.488-3.055-.855-4.521-1.344a159 159 0 0 1-7.943-2.933c-1.222-.488-2.322-1.1-3.3-1.588c-2.077-1.1-3.91-1.955-5.254-2.81a62 62 0 0 1-3.3-2.078L0 81.854s.367.244 1.222.733c.733.489 1.833 1.1 3.3 1.955c1.466.856 3.299 1.71 5.376 2.689a59 59 0 0 0 7.21 2.81c1.344.489 2.688.978 4.154 1.344c1.467.489 2.933.856 4.521 1.222c3.178.733 6.477 1.467 10.02 2.077c6.966 1.222 14.542 1.956 22.118 2.2c3.544.244 49.49.978 49.49.978"/><path fill="url(#SVG340gCcUH)" d="M256.001 58.392c0-19.551-16.13-38.37-35.315-38.37c-14.785 0-31.526 1.834-63.542 42.525c-41.424 52.3-62.93 26.76-64.153 25.05c3.055 5.988 9.165 10.265 16.375 10.265h111.32c19.43 0 35.315-19.918 35.315-39.47"/><path fill="url(#SVG95685drO)" d="M109.488 97.862c-10.142 0-18.452-8.188-18.452-18.33s8.432-19.796 18.33-19.796c19.429 0 22.117 17.597 52.422 26.273c19.673 5.62 58.776 11.853 58.776 11.853z"/><path fill="url(#SVGIf82NccS)" d="M220.564 97.862c-3.91-1.589-19.185-6.599-21.75-23.218c-2.567-16.863 7.575-25.905 4.398-45.335c-2.81-17.107-17.107-25.539-31.404-28.471c-7.332-1.467-15.397-1.1-23.584 1.833c-22.973 8.309-30.671 34.459-26.394 52.422c3.543 14.786 18.207 29.327 53.4 35.559c30.06 5.254 32.504 5.743 45.334 7.21"/><path fill="url(#SVGH3nDSc2c)" d="M198.813 74.644c-2.566-16.863 7.576-25.905 4.4-45.335a46 46 0 0 0-1.59-6.232c-11.119 4.4-25.05 14.664-44.479 39.348c-41.424 52.422-62.93 26.883-64.153 25.172c3.055 5.988 9.287 10.265 16.497 10.265h111.198c-4.032-1.589-19.307-6.599-21.873-23.218"/><path fill="url(#SVGAmVavdRD)" d="M126.595 65.846c5.01 9.287 26.028 24.317 93.97 32.016c-53.767-6.966-78.817-17.108-93.97-32.016"/><path fill="url(#SVGD7XntbXM)" d="M58.654 97.862c-2.077 0-3.666-1.711-3.666-3.788s1.711-4.033 3.666-4.033c3.91 0 4.521 4.277 10.631 5.988c3.91 1.1 11.731 1.71 11.731 1.71z"/><path fill="url(#SVGRpRP8dvW)" d="M109.488 97.862c-5.255 0-10.265-2.444-13.686-5.988c-9.654-3.666-11.242-9.41-18.452-9.41c-4.032 0-7.332 3.911-7.332 7.944s3.3 7.454 7.332 7.454h44.48z"/><path fill="url(#SVGHQ1CZ7Mw)" d="M239.993 26.743c-1.222-.977-2.566-1.833-3.788-2.566c-1.344-.733-2.81-1.466-4.52-1.955c-3.178-1.222-6.477-1.833-9.654-2.2h-1.345c-5.743 0-11.853.245-19.062 3.055c.733 1.956 1.344 4.033 1.588 6.232c2.2 13.442-2.077 22.118-4.032 31.65c9.409-7.577 27.494-7.821 37.636-7.21h1.1q1.65 0 2.933-.367c9.898-2.566 10.509-17.596-.856-26.639"/><path fill="#e35702" d="M199.302 60.836c-.855 4.155-1.222 8.676-.489 13.808c2.566 16.619 17.597 21.262 21.751 23.218h.122c6.721 0 12.953-2.444 18.208-6.232c-1.222-1.1-7.82-6.966-9.776-12.953c-6.232-18.94 7.943-24.562 8.798-24.928c-6.843-.122-29.205-.367-38.614 7.087" opacity=".47"/><path fill="url(#SVG6HfzkD9D)" d="M198.813 74.644c2.2 14.42 14.297 21.018 21.751 23.218c-4.277-2.078-15.274-8.799-15.152-20.407c.367-22.729 24.195-23.584 24.195-23.584c-10.02 0-22.85 1.1-30.427 6.965c-.978 4.277-1.222 8.676-.367 13.808"/><path fill="url(#SVGW1YEIeKu)" d="M114.01 97.862c-4.278-.123-15.275-1.467-21.14-10.265c3.176 6.477 9.53 10.265 16.74 10.265z"/><path fill="url(#SVGD0S6p8uS)" d="M197.47 74.644c-2.567-16.863 8.43-25.905 5.254-45.335c-.367-2.199-1.222-6.232-1.222-6.232c.733 1.956 1.344 4.033 1.588 6.232c3.177 19.43-6.965 28.472-4.399 45.335c2.566 16.619 17.84 21.629 21.751 23.218c.122 0-20.162-4.888-22.973-23.218"/><path fill="#eb7808" d="M107.41 97.862H58.533c-1.466 0-2.322-.978-2.322-.978c1.344.122 51.2.978 51.2.978"/><path fill="#e35702" d="M109.243 97.862H79.672c-3.422 0-5.132-.611-5.132-.611zm90.059-37.026c9.41-7.576 28.227-7.82 38.736-7.087c0 0-14.663-.367-24.806 1.833c-10.264 2.321-13.93 5.254-13.93 5.254"/></svg>

Cara memakai ikon Kinto Icon

React

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

<Icon icon="logos:kinto-icon" width="24" />

Vue

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

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

Svelte

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

<Icon icon="logos:kinto-icon" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

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

Gambar HTML

<img src="https://iconyz.com/api/public/svg/logos/kinto-icon.svg" alt="Ikon Kinto Icon" width="24" height="24">

Ikon terkait di SVG Logos

FAQ Ikon Kinto Icon

Apakah ikon Kinto Icon gratis untuk penggunaan komersial?

Ya. SVG Logos icons dirilis di bawah lisensi CC0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Kinto Icon di React?

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

Bagaimana cara menambahkan ikon Kinto Icon ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/logos/kinto-icon.svg" alt="Ikon Kinto Icon">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon SVG Logos →