Kinto icon

logos:kinto

The Kinto icon (logos:kinto) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 512 × 100 grid. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: SVG Logos
Author: Gil Barbara
License: CC0-1.0
Size: 512 × 100

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="100" viewBox="0 0 512 100"><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="#333" d="M441.499 22.21c-.246 2.703-.614 5.527-.737 8.475c-.123 3.07-.246 6.14-.246 9.087h13.632l-3.807 10.562h-9.825v28.86c0 1.842.123 3.316.246 4.544c.123 1.105.614 2.088.983 2.825c.368.737 1.105 1.105 1.964 1.473q1.29.369 3.316.369c.737 0 1.474-.123 2.334-.246s1.842-.368 3.316-.86l1.842 9.211a33.8 33.8 0 0 1-12.404 2.702c-3.93 0-7.246-.737-10.193-2.333c-2.825-1.597-4.79-3.562-5.65-6.14c-.245-.615-.368-1.106-.613-1.72c-.123-.368-.246-.983-.246-1.72c0-.736-.123-1.473-.123-2.333V50.334h-5.772V39.772h5.772v-7.368c0-1.965.123-4.176.614-6.386zm43.966 16.09c8.228 0 14.737 2.947 19.772 8.842c2.456 2.702 3.93 5.772 5.158 9.088c.982 3.316 1.596 7.368 1.596 12.28c.123 4.913-.614 9.211-1.719 12.773s-2.947 6.877-5.526 9.702c-2.088 2.579-4.79 4.421-7.86 6.018c-2.948 1.473-6.877 2.087-11.421 2.087c-3.93 0-7.492-.737-10.685-2.087c-3.316-1.474-6.017-3.44-8.228-6.14c-2.333-2.58-3.93-5.773-5.28-9.58c-1.229-3.684-1.843-7.86-1.843-12.404q0-6.817 1.842-12.526c1.228-3.807 2.948-7 5.281-9.702s5.035-4.667 8.228-6.263c3.316-1.474 6.878-2.088 10.685-2.088m-110.406-.123c1.474 2.456 2.088 4.79 2.088 7.246c1.105-.86 2.333-1.597 3.316-2.334s2.088-1.473 3.438-1.965c1.597-.86 3.07-1.473 5.036-1.842c1.842-.368 3.684-.614 5.403-.614c3.316 0 6.14.737 8.72 2.334a12.16 12.16 0 0 1 5.28 6.14c.737 1.965 1.106 4.667 1.106 8.228v42.37h-14.737V60.16h-.369q0-4.974-1.105-6.632c-.737-1.105-2.088-1.72-3.93-1.72c-1.596 0-3.316.37-5.158 1.474c-1.842.983-3.684 2.334-5.404 3.808v40.895h-15.228v-42.37c0-5.157-.737-9.701-1.965-13.631zm-93.335-19.404v36.106l22.474-36.106h19.65L298.549 55.37l28.123 42.37h-20.877l-24.07-41.142v41.141h-16.457V18.772zm65.826 19.404v59.562h-15.351V40.632zm138.406 11.667c-1.842 0-3.439.614-4.79 1.596c-1.473.983-2.456 2.58-2.947 4.299c-.614 1.596-.983 3.316-1.105 5.403c-.246 2.088-.369 4.544-.369 7.492c0 6.509.737 11.544 1.965 14.614c.737 1.596 1.72 2.825 3.316 3.561a8.6 8.6 0 0 0 4.544 1.106c3.439 0 5.772-1.597 7.246-4.667c1.473-3.07 2.087-8.105 2.087-14.983c-.368-7.614-1.473-12.65-3.438-15.351a8.1 8.1 0 0 0-6.51-3.07M340.427 14.35c2.579 0 4.667.86 6.509 2.702s2.702 4.175 2.702 6.631a12.3 12.3 0 0 1-3.07 6.632a9.2 9.2 0 0 1-6.632 2.702c-2.58 0-4.79-.86-6.51-2.702a9.2 9.2 0 0 1-2.7-6.632c0-2.701.982-4.79 2.824-6.631s4.175-2.702 6.877-2.702"/><path fill="url(#SVGqkb1odNS)" d="M107.95 98.352H58.825c-7.615-.245-16.088-.86-23.211-2.21c-3.562-.614-6.878-1.474-10.07-2.334c-1.597-.49-3.07-.86-4.545-1.35a160 160 0 0 1-7.982-2.948c-1.228-.491-2.334-1.105-3.316-1.596c-2.088-1.106-3.93-1.965-5.28-2.825a61 61 0 0 1-3.317-2.088L0 82.264s.368.246 1.228.737c.737.492 1.842 1.106 3.316 1.965c1.474.86 3.316 1.72 5.404 2.702a60 60 0 0 0 7.245 2.825c1.351.49 2.702.982 4.176 1.35c1.474.492 2.947.86 4.544 1.229c3.193.736 6.509 1.473 10.07 2.087c7 1.228 14.614 1.965 22.229 2.211c3.561.246 49.737.982 49.737.982"/><path fill="url(#SVG340gCcUH)" d="M257.285 58.685c0-19.65-16.21-38.562-35.492-38.562c-14.86 0-31.684 1.842-63.86 42.738c-41.633 52.562-63.247 26.895-64.475 25.175c3.07 6.018 9.21 10.316 16.456 10.316h111.88c19.526 0 35.491-20.017 35.491-39.667"/><path fill="url(#SVG95685drO)" d="M110.037 98.352c-10.193 0-18.544-8.228-18.544-18.42c0-10.194 8.474-19.896 18.421-19.896c19.527 0 22.229 17.684 52.685 26.404c19.773 5.65 59.072 11.912 59.072 11.912z"/><path fill="url(#SVGIf82NccS)" d="M221.67 98.352c-3.93-1.596-19.28-6.631-21.86-23.333c-2.578-16.948 7.615-26.036 4.422-45.563C201.407 12.263 187.038 3.79 172.67.842c-7.37-1.474-15.474-1.105-23.702 1.842c-23.089 8.351-30.826 34.632-26.527 52.685c3.561 14.86 18.298 29.474 53.667 35.738c30.211 5.28 32.668 5.772 45.563 7.245"/><path fill="url(#SVGH3nDSc2c)" d="M199.81 75.019c-2.578-16.948 7.615-26.036 4.422-45.563a47 47 0 0 0-1.597-6.263c-11.176 4.421-25.176 14.737-44.702 39.545c-41.633 52.685-63.247 27.018-64.475 25.298c3.07 6.018 9.333 10.316 16.579 10.316h111.756c-4.052-1.596-19.404-6.631-21.982-23.333"/><path fill="url(#SVGAmVavdRD)" d="M127.23 66.176c5.035 9.334 26.159 24.44 94.44 32.176c-54.035-7-79.211-17.193-94.44-32.176"/><path fill="url(#SVGD7XntbXM)" d="M58.948 98.352c-2.087 0-3.684-1.719-3.684-3.807s1.72-4.052 3.684-4.052c3.93 0 4.544 4.298 10.685 6.017c3.93 1.106 11.79 1.72 11.79 1.72z"/><path fill="url(#SVGRpRP8dvW)" d="M110.037 98.352c-5.28 0-10.316-2.456-13.755-6.017c-9.702-3.684-11.298-9.457-18.544-9.457c-4.053 0-7.368 3.93-7.368 7.983s3.315 7.491 7.368 7.491h44.703z"/><path fill="url(#SVGHQ1CZ7Mw)" d="M241.197 26.878c-1.228-.983-2.579-1.843-3.807-2.58c-1.35-.736-2.825-1.473-4.544-1.964c-3.193-1.229-6.509-1.843-9.702-2.211h-1.35c-5.773 0-11.913.246-19.159 3.07c.737 1.965 1.351 4.053 1.597 6.263c2.21 13.51-2.088 22.229-4.053 31.808c9.456-7.614 27.632-7.86 37.825-7.246h1.105q1.658 0 2.948-.368c9.947-2.58 10.561-17.685-.86-26.772"/><path fill="#e35702" d="M200.302 61.141c-.86 4.176-1.228 8.72-.491 13.878c2.578 16.702 17.684 21.368 21.86 23.333h.122c6.755 0 13.018-2.456 18.299-6.263c-1.228-1.105-7.86-7-9.825-13.018c-6.263-19.035 7.983-24.684 8.842-25.053c-6.877-.122-29.351-.368-38.807 7.123" opacity=".47"/><path fill="url(#SVG6HfzkD9D)" d="M199.81 75.019c2.211 14.491 14.37 21.123 21.86 23.333c-4.298-2.087-15.35-8.842-15.228-20.509c.369-22.842 24.316-23.702 24.316-23.702c-10.07 0-22.965 1.105-30.58 7c-.982 4.299-1.227 8.72-.367 13.878"/><path fill="url(#SVGW1YEIeKu)" d="M114.58 98.352c-4.297-.122-15.35-1.473-21.245-10.316c3.193 6.51 9.58 10.316 16.825 10.316z"/><path fill="url(#SVGD0S6p8uS)" d="M198.46 75.019c-2.58-16.948 8.473-26.036 5.28-45.563c-.368-2.21-1.228-6.263-1.228-6.263c.737 1.965 1.351 4.053 1.597 6.263c3.193 19.527-7 28.615-4.421 45.563c2.579 16.702 17.93 21.737 21.86 23.333c.123 0-20.264-4.912-23.088-23.333"/><path fill="#eb7808" d="M107.95 98.352H58.825c-1.474 0-2.334-.982-2.334-.982c1.351.123 51.457.982 51.457.982"/><path fill="#e35702" d="M109.791 98.352h-29.72c-3.438 0-5.157-.614-5.157-.614zm90.511-37.211c9.456-7.614 28.369-7.86 38.93-7.123c0 0-14.737-.368-24.93 1.842c-10.316 2.334-14 5.281-14 5.281"/></svg>

How to use the Kinto icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Related icons in SVG Logos

Kinto icon in other icon sets

Kinto icon FAQ

Is the Kinto icon free for commercial use?

Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.

How do I use the Kinto icon in React?

Install @iconify/react and render <Icon icon="logos:kinto" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Kinto icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/kinto.svg" alt="Kinto icon">, or paste the SVG code inline to style it with CSS.

Browse all SVG Logos icons →