Komga icon
thesvg-color:komga
The Komga icon (thesvg-color:komga) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 512 × 512 grid. theSVG Color icons are released under the MIT 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
- theSVG Color
- Author
- thesvg.org
- License
- MIT
- Size
- 512 × 512
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#005ed3" d="M512 256c0 141.387-114.613 256-256 256S0 397.387 0 256S114.613 0 256 0s256 114.613 256 256m0 0"/><path fill="#00459f" d="M512 256c0-11.71-.805-23.23-2.324-34.523L382.48 94.28l-61.957 27.578L256 56.934l-43.305 74.37l-83.175-37.023l12.347 84.14l-91.918 15.395L114.32 256l-64.37 62.184l82.12 82.16l-2.55 17.375l91.957 91.957A259 259 0 0 0 256 512c141.387 0 256-114.613 256-256"/><path fill="#ff0335" d="m256 86.742l37.11 63.738l70.574-31.414l-10.528 71.72l77.078 12.91L376.09 256l54.144 52.305l-77.078 12.91l10.528 71.719l-70.575-31.414L256 425.258l-37.11-63.738l-70.574 31.414l10.528-71.72l-77.078-12.91L135.91 256l-54.144-52.305l77.078-12.91l-10.528-71.719l70.575 31.414zm0 0"/><path fill="#c2001b" d="m430.23 308.3l-77.07 12.91l10.52 71.72l-70.57-31.41L256 425.262V86.738l37.11 63.742l70.57-31.41l-6.758 46.102l-3.762 25.617l58.8 9.852l18.27 3.058l-13.39 12.93L376.09 256l11.379 10.988zm0 0"/><path fill="#ffdf47" d="m256 455.066l-43.305-74.37l-83.175 37.023l12.347-84.14l-91.918-15.395L114.32 256l-64.37-62.184l91.917-15.394l-12.347-84.14l83.18 37.023L256 56.934l43.305 74.37l83.175-37.023l-12.347 84.14l91.918 15.395L397.68 256l64.37 62.184l-91.917 15.398l12.347 84.137l-83.175-37.024zm-30.918-112.722L256 395.445l30.918-53.101l57.965 25.8l-8.703-59.292l62.238-10.426L354.5 256l43.918-42.426l-62.238-10.426l8.703-59.293l-57.965 25.801L256 116.555l-30.918 53.101l-57.965-25.8l8.703 59.292l-62.238 10.426L157.5 256l-43.918 42.426l62.238 10.426l-8.703 59.293zm0 0"/><path fill="#fec000" d="m403.309 261.441l-5.63-5.441l25.16-24.3l39.212-37.88l-55.75-9.34l-36.172-6.058l2.8-19.094l9.551-65.047l-83.18 37.02L256 56.93v59.62l30.922 53.11l57.957-25.808l-3.91 26.668l-2.547 17.378l-2.242 15.25l2.48.422l59.762 10.008L354.5 256l16.969 16.39l26.953 26.032l-62.242 10.43l8.699 59.296l-57.957-25.808L256 395.45v59.62l43.3-74.37l83.18 37.019l-12.351-84.14l91.922-15.4zm0 0"/><path fill="#fff" stroke="#000" stroke-linejoin="round" stroke-width="1.545" d="m220.915 266.904l-34.898 105.852l38.228 128.586h-62.99L136.64 400.848v100.494H75.676V266.904h60.963v91.082l27.078-91.082z" transform="matrix(1.15908 -.34467 .2279 .79498 0 0)"/></svg>How to use the Komga icon
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:komga" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:komga" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:komga" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--komga]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:komga"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:komga"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/thesvg-color/komga.svg" alt="Komga icon" width="24" height="24">Komga icon FAQ
Is the Komga icon free for commercial use?
Yes. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Komga icon in React?
Install @iconify/react and render <Icon icon="thesvg-color:komga" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Komga icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/thesvg-color/komga.svg" alt="Komga icon">, or paste the SVG code inline to style it with CSS.