Skip to content
LogoHub
Dev & Tools

Kotlin

Official Kotlin vector logo in the Dev & Tools category. Download lossless SVG and a 1024px transparent PNG.

Kotlin Logo

Brand Color Palette

Click swatch to copy HEX
Single-Color SpecificationThis logo uses a single official primary color; preserve its hue and contrast in layout.

Download

Download SVG Vector FilePNG
Download all as ZIP
ADChatGPT Plus·Official Shared & Dedicated Plans · Instant Access to GPT-6.1 Sol / Deep Research
Code 6666888 · 5% OFF
ADNetflix 4K·Dedicated Profile · Private PIN Lock · All Devices Supported
Code 6666888 · 5% OFF
Vector Format
SVG · 1:1
Raster Export
1024 × 1024 px
SVG viewBox
0 0 100 100
File Size / Nodes
1.6 KB · 3 paths

Edit & Export

Recolor, add a background or padding, then export. Everything runs locally in your browser.

Colors

Background

Format
Size

SVG, PNG 16–2048px, JPG, WebP, ICO and a favicon setKotlin.zip

Brand Visual Specifications & SVG Parameters

Database-extracted geometry, color models & WCAG contrast metrics

Brand Entity / Display Name
Kotlin
Industry Category
Dev & Tools
Primary Color (HEX / RGB / HSL)
#00AFFFrgb(0, 175, 255) · hsl(199, 100%, 50%)
WCAG Surface Contrast
Light 2.4:1 · Dark 8.1:1

Inline SVG Code Snippet

<?xml version="1.0" encoding="utf-8"?>
<svg viewBox="0 0 100 100" version="1.1" width="100" height="100" xmlns="http://www.w3.org/2000/svg">
<style type="text/css">
	.st0{fill:url(#SVGID_1_);}
	.st1{fill:url(#SVGID_2_);}
	.st2{fill:url(#SVGID_3_);}
</style>
<g id="kotlin">
	
		<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="163.2266" y1="886.4724" x2="166.9488" y2="890.1946" gradientTransform="matrix(20 0 0 -20 -3268 17813)">
		<stop  offset="0.108" style="stop-color:#C757BC"/>
		<stop  offset="0.173" style="stop-color:#CD5CA9"/>
		<stop  offset="0.492" style="stop-color:#E8744F"/>
		<stop  offset="0.716" style="stop-color:#F88316"/>
		<stop  offset="0.823" style="stop-color:#FF8900"/>
	</linearGradient>
	<path class="st0" d="M50.2,10L10,52.2V90l40.1-40.2L90,10H50.2z"/>
	
		<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="165.1766" y1="885.4283" x2="166.9909" y2="887.2426" gradientTransform="matrix(20 0 0 -20 -3268 17813)">
		<stop  offset="0.296" style="stop-color:#00AFFF"/>
		<stop  offset="0.694" style="stop-color:#5282FF"/>
		<stop  offset="1" style="stop-color:#945DFF"/>
	</linearGradient>
	<path class="st1" d="M10,90l40.1-40.2L90,90H10z"/>
	
		<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="163.852" y1="889.046" x2="165.1247" y2="890.3187" gradientTransform="matrix(20 0 0 -20 -3268 17813)">
		<stop  offset="0.296" style="stop-color:#00AFFF"/>
		<stop  offset="0.694" style="stop-color:#5282FF"/>
		<stop  offset="1" style="stop-color:#945DFF"/>
	</linearGradient>
	<path class="st2" d="M10,10h40.2L10,52.2V10z"/>
</g>
</svg>

Engineering & Layout Guidelines

  • Maintain the native 1:1 aspect ratio (viewBox "0 0 100 100") without non-uniform stretching.
  • Preserve at least 20% clear space around the emblem bounding box.
  • Contains vector gradients; avoid overriding paths with flat CSS fill: currentColor.

Related Brand Logos

View All in Category
Action completed