Kotlin icon
logos:kotlin
The Kotlin icon (logos:kotlin) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 512 × 112 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 × 112
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="112" viewBox="0 0 512 112"><defs><linearGradient id="SVG9NPYbckh" x1="99.991%" x2=".01%" y1=".029%" y2="99.97%"><stop offset=".344%" stop-color="#e44857"/><stop offset="46.89%" stop-color="#c711e1"/><stop offset="100%" stop-color="#7f52ff"/></linearGradient></defs><path fill="url(#SVG9NPYbckh)" d="M105.092 109.34H0V4.289h105.092L52.546 56.794z"/><path d="M269.144 30.636c7.254 0 14.172 1.977 20.102 5.278c5.93 3.28 10.555 8.221 13.814 14.172c3.302 6.266 5.278 13.184 5.278 20.754s-1.64 14.487-4.941 20.753c-3.301 5.93-7.906 10.871-13.836 14.172c-5.93 3.638-12.847 5.278-20.417 5.278s-14.487-1.977-20.417-5.278c-6.266-3.301-10.87-8.242-14.172-14.172c-3.301-5.93-4.941-13.184-4.941-20.753s1.64-14.488 4.94-20.754c3.302-5.93 8.243-10.534 14.173-14.172s12.847-5.278 20.417-5.278M232.263 3.953L184.49 55.006l48.425 54.334h-21.406l-45.796-50.738v50.738h-16.8V4.29h16.8v48.424l45.46-48.76zm36.587 41.78c-4.605 0-8.558.989-11.86 3.302c-3.3 1.976-5.929 4.941-7.906 8.894c-1.976 3.638-2.964 8.243-2.964 13.184s.651 9.23 2.628 13.184c1.977 3.616 4.605 6.581 7.906 8.894c3.617 2.313 7.59 3.301 11.86 3.301c4.268 0 8.22-.988 11.522-3.3c3.301-1.977 5.93-4.942 7.906-8.895c1.977-3.953 2.965-8.243 2.965-13.184s-.652-9.23-2.628-13.184c-1.977-3.617-4.605-6.581-7.907-8.894c-3.28-2.313-7.233-3.302-11.522-3.302m73.447-32.55h-16.149v13.185c0 1.976-.336 3.616-1.64 4.605c-.988.988-2.628 1.64-4.605 1.64h-7.906v13.835h13.836v41.507c0 4.29.988 8.243 2.628 11.523a16.8 16.8 0 0 0 7.57 7.57c3.3 1.976 6.917 2.628 11.522 2.628h12.511V95.19h-9.23c-2.313 0-4.29-.652-5.93-2.629a10.55 10.55 0 0 1-2.313-6.581V46.45h17.789V32.612h-17.79v-19.43zM372.933 0h16.464v109.34h-16.464zm35.24.336h16.801v17.137h-16.8zm0 32.277h16.465v77.042h-16.464zm100.488 12.51c-2.313-4.604-5.593-8.242-9.882-10.534c-4.29-2.628-9.231-3.953-14.824-3.953c-5.93 0-11.208 1.64-15.812 4.29c-3.617 2.313-6.582 5.593-8.895 9.23V32.297h-15.812v77.043H459.9V66.172c0-4.29.652-7.907 2.313-11.208c1.64-3.301 3.953-5.593 6.581-7.57c2.965-1.64 6.266-2.628 10.22-2.628c3.616 0 6.265.652 8.894 2.313c2.628 1.661 4.29 3.617 5.593 6.266c1.325 2.629 1.976 5.93 1.976 9.546v46.112h16.464V60.915c.358-5.909-.946-11.165-3.28-15.791"/></svg>How to use the Kotlin icon
React
import { Icon } from "@iconify/react";
<Icon icon="logos:kotlin" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:kotlin" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:kotlin" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--kotlin]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:kotlin"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:kotlin"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/logos/kotlin.svg" alt="Kotlin icon" width="24" height="24">Related icons in SVG Logos
Kotlin icon in other icon sets
Kotlin icon FAQ
Is the Kotlin 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 Kotlin icon in React?
Install @iconify/react and render <Icon icon="logos:kotlin" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Kotlin icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/kotlin.svg" alt="Kotlin icon">, or paste the SVG code inline to style it with CSS.