ICONYZ
English
Khronos icon from File Icons

Khronos icon

file-icons:khronos

The Khronos icon (file-icons:khronos) 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
Tags
khrono
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="M318.369 123.89c-14.522-1.363-39.283-4.667-79.339 1.146c-51.892 7.092-103.692 29.723-134.085 54.843c-53.001 41.623-58.26 99.13 14.003 138.91c43.204 22.988 77.723 31.43 127.017 37.727l-1.833.47c-82.692-2.87-195.573-41.671-219.08-97.998c-20.336-51.224-.35-110.975 95.018-153.48C176.637 81 262.284 73.969 328.26 80.097c93.667 8.708 182.945 58.63 183.053 58.774c.855 26.197.948 51.262.072 74.889c-32.387-26.969-89.773-82.292-193.016-89.869m160.946 118.698c-30.684-55.205-148.282-89.314-231.143-88.82l-1.736.543c107.847 8.443 182.1 50.397 192.353 90.725c9.034 37.249-7.57 59.931-28.983 79.677c-52.573 48.476-128.278 69.457-205.705 64.528C116.547 386.45 56.105 349.398 0 307.465l9.685 74.683c256.551 122.788 545.713 7.693 469.63-139.56"/></svg>

How to use the Khronos icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Khronos icon FAQ

Is the Khronos 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 Khronos icon in React?

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

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

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

Browse all File Icons →