Keen icon

logos:keen

The Keen icon (logos:keen) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 512 × 111 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 × 111

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="111" viewBox="0 0 512 111"><path fill="#f35757" d="m51.554 63.039l6.075 10.52l-15.156 26.31h78.896l6.04 10.461H24.173z"/><path fill="#49c5b1" d="m51.608 20.943l27.264 47.36H66.726L51.567 42.047L12.031 110.33H0z"/><path fill="#00afd7" d="M115.303 89.362H60.65l6.08-10.552h30.314L57.678 10.43L63.698 0z"/><path fill="#546a7e" d="m212.144 81.164l-25.712-31.711l23.88-23.69c1.033-1.03 1.535-2.133 1.535-3.37c0-2.505-2.151-4.7-4.603-4.7c-1.611 0-2.697.764-3.674 1.634L165.739 58.11V22.49a4.806 4.806 0 0 0-4.8-4.799c-2.55 0-4.707 2.198-4.707 4.8V84.56c0 2.603 2.156 4.801 4.708 4.801a4.805 4.805 0 0 0 4.799-4.801V69.943l13.947-13.945l25.077 31.23c.991 1.416 2.288 2.135 3.856 2.135c2.604 0 4.804-2.199 4.804-4.801c0-1.555-.61-2.546-1.28-3.398m54.381-19.36c0-13.256-8.418-26.676-24.508-26.676c-14.185 0-25.297 12.017-25.297 27.361v.198c0 15.602 11.298 27.366 26.28 27.366c7.987 0 14.096-2.445 19.783-7.898c.951-.833 1.476-1.937 1.476-3.11c0-2.268-1.89-4.113-4.212-4.113c-1.264 0-2.158.62-2.754 1.115c-4.212 3.878-8.691 5.685-14.096 5.685c-8.946 0-15.66-6.196-16.96-15.52h35.881a4.414 4.414 0 0 0 4.407-4.408m-24.704-18.55c9.913 0 14.366 7.898 15.3 15.617h-30.884c1.28-9.245 7.582-15.616 15.584-15.616m80.565 18.55c0-13.256-8.419-26.676-24.509-26.676c-14.182 0-25.293 12.017-25.293 27.361v.198c0 15.602 11.298 27.366 26.277 27.366c7.985 0 14.094-2.445 19.782-7.9c.951-.831 1.474-1.935 1.474-3.108c0-2.268-1.89-4.113-4.214-4.113c-1.262 0-2.156.62-2.752 1.115c-4.212 3.878-8.69 5.685-14.095 5.685c-8.942 0-15.655-6.196-16.96-15.52h35.88a4.416 4.416 0 0 0 4.41-4.408m-24.705-18.55c9.91 0 14.362 7.898 15.3 15.617h-30.885c1.281-9.245 7.582-15.616 15.585-15.616m59.8-8.126c-6.927 0-12.491 2.695-16.578 8.024v-2.726c0-2.64-2.065-4.708-4.702-4.708c-2.538 0-4.604 2.111-4.604 4.708V84.66c0 2.637 2.065 4.702 4.702 4.702c2.624 0 4.604-2.022 4.604-4.702V58.846c0-8.888 5.925-15.096 14.41-15.096c8.28 0 13.224 5.423 13.224 14.503V84.66c0 2.637 2.067 4.702 4.707 4.702c2.585 0 4.61-2.065 4.61-4.702V56.384c0-12.912-7.997-21.256-20.373-21.256m66.103-17.436c-2.55 0-4.703 2.197-4.703 4.799v62.07c0 2.602 2.154 4.8 4.703 4.8a4.807 4.807 0 0 0 4.803-4.8V22.49c0-2.646-2.155-4.8-4.803-4.8m52.479-.69c-20.26 0-36.13 16.044-36.13 36.524v.197c0 20.713 15.449 36.33 35.934 36.33C496.129 90.053 512 74.01 512 53.526v-.195c0-20.711-15.45-36.329-35.937-36.329m26.134 36.524v.197c0 15.63-11.236 27.416-26.134 27.416c-15.008 0-26.325-11.872-26.325-27.613v-.196c0-15.628 11.233-27.413 26.129-27.413c14.764 0 26.33 12.127 26.33 27.609"/></svg>

How to use the Keen icon

React

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

<Icon icon="logos:keen" width="24" />

Vue

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

<template>
  <Icon icon="logos:keen" width="24" />
</template>

Svelte

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

<Icon icon="logos:keen" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="logos:keen"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/logos/keen.svg" alt="Keen icon" width="24" height="24">

Keen icon FAQ

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

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

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

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

Browse all SVG Logos icons →