Kivy icon

file-icons:kivy

The Kivy icon (file-icons:kivy) is a free SVG icon from the File Icons set by John Gardner. It is drawn on a 512 × 512 grid. File Icons are released under the ISC 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: File Icons
Author: John Gardner
License: ISC
Size: 512 × 512

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M447.69 205.966c3.584-.435 4.453 1.304 1.846 3.91l-89.166 89.057l-74.721-74.612l162.04-18.355zm-106.543 105.13c0 4.779-1.846 9.231-5.213 12.598l-52.891 52.565c-3.367 3.367-7.928 5.213-12.707 5.213s-9.34-1.846-12.707-5.213l-52.782-52.783c-8.58-8.58-16.073-26.717-16.073-38.881V151.119l147.269 147.269a17.37 17.37 0 0 1 5.104 12.707zm-227.963 10.969c-5.974-6.082-5.974-15.856 0-21.938l58.864-58.864V380.93zm44.529-111.863c5.974 6.082 5.974 15.857 0 21.83l-58.864 58.865V151.338zM437.02 74.981C388.668 26.629 324.38 0 256.001 0S123.334 26.628 74.982 74.981S.001 187.62.001 256s26.628 132.668 74.981 181.019S187.621 512 256.001 512s132.668-26.629 181.019-74.981S512 324.38 512 256s-26.629-132.667-74.98-181.019"/></svg>

How to use the Kivy icon

React

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

<Icon icon="file-icons:kivy" width="24" />

Vue

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

<template>
  <Icon icon="file-icons:kivy" width="24" />
</template>

Svelte

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

<Icon icon="file-icons:kivy" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--kivy]"></span>

UnoCSS

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

Web component

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

<iconify-icon icon="file-icons:kivy"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/file-icons/kivy.svg" alt="Kivy icon" width="24" height="24">

Kivy icon in other icon sets

Kivy icon FAQ

Is the Kivy icon free for commercial use?

Yes. File Icons are released under the ISC license, which allows use in personal and commercial projects.

How do I use the Kivy icon in React?

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

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

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

Browse all File Icons →