Kr icon

cif:kr

The Kr icon (cif:kr) is a free SVG icon from the CoreUI Flags set by creativeLabs Łukasz Holeczek. It is drawn on a 301 × 201 grid. CoreUI Flags icons are released under the CC0 1.0 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: CoreUI Flags
Author: creativeLabs Łukasz Holeczek
License: CC0-1.0
Size: 301 × 201

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="301" height="201" viewBox="0 0 301 201"><g fill="none"><path fill="#FFF" d="M.5.5h300v200H.5z"/><path fill="#000" d="M101.927 38.106L74.192 79.711L46.456 61.22l27.735-41.605z"/><path fill="#FFF" d="M86.904 23.082L54.547 71.621l-3.468-2.312l32.357-48.538zm10.475 6.916L65.021 78.532l-3.467-2.311l32.358-48.534z"/><path fill="#000" d="m254.465 139.808l-27.735 41.605l-27.736-18.49l27.735-41.605z"/><path fill="#FFF" d="m239.526 124.755l-32.358 48.534l-3.467-2.312l32.357-48.533zm10.316 6.962l-32.357 48.538l-3.468-2.311l32.357-48.539z"/><path fill="#FFF" d="m245.221 161.183l-2.311 3.467l-34.672-23.113l2.312-3.467z"/><circle cx="150.5" cy="100.5" r="50" fill="#C60C30"/><path fill="#003478" d="M108.898 72.765c-7.659 11.488-4.555 27.01 6.934 34.669c11.488 7.659 27.01 4.554 34.669-6.934s23.18-14.592 34.669-6.934s14.592 23.18 6.934 34.669c-15.317 22.977-46.361 29.185-69.337 13.867c-22.978-15.317-29.187-46.361-13.869-69.337"/><path fill="#000" d="m74.188 121.311l27.735 41.605l-27.736 18.49L46.452 139.8z"/><path fill="#FFF" d="M54.543 129.401L86.9 177.94l-3.468 2.311l-32.357-48.538zm10.482-6.955l32.358 48.534l-3.467 2.311l-32.358-48.534z"/><path fill="#000" d="m226.735 19.623l27.735 41.605l-27.736 18.49l-27.735-41.605z"/><path fill="#FFF" d="m207.162 27.678l32.358 48.534l-3.467 2.312l-32.358-48.535zm10.328-6.899l32.357 48.538l-3.467 2.312l-32.357-48.539z"/><path fill="#FFF" d="m242.948 36.4l2.311 3.468l-34.67 23.112l-2.312-3.467z"/><path fill="#000" d="m227.94 43.842l4.623 6.933l-6.934 4.623l-4.623-6.933z"/><path fill="#FFF" d="m79.992 145.026l2.312 3.467l-13.87 9.246l-2.31-3.468z"/></g></svg>

How to use the Kr icon

React

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

<Icon icon="cif:kr" width="24" />

Vue

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

<template>
  <Icon icon="cif:kr" width="24" />
</template>

Svelte

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

<Icon icon="cif:kr" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="cif:kr"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/cif/kr.svg" alt="Kr icon" width="24" height="24">

Kr icon in other icon sets

Kr icon FAQ

Is the Kr icon free for commercial use?

Yes. CoreUI Flags icons are released under the CC0 1.0 license, which allows use in personal and commercial projects.

How do I use the Kr icon in React?

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

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

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

Browse all CoreUI Flags icons →