Slim icon

logos:slim

The Slim icon (logos:slim) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 256 × 274 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: 256 × 274

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="274" viewBox="0 0 256 274"><path fill="#729544" d="M50.424 33.748c-1.482 3.497-3.152 6.929-4.41 10.505c-3.051 8.676-3.826 17.641-3.062 26.788c.608 7.268 2.018 14.332 4.826 21.081c3.864 9.287 9.938 16.905 17.661 23.267c7.592 6.253 16.107 10.984 24.987 15.102c11.174 5.181 22.757 9.309 34.375 13.355c12.112 4.217 24.071 8.82 35.42 14.862c7.737 4.119 15.031 8.874 21.235 15.143c7.72 7.799 12.345 17.088 13.743 28.03c1.832 14.346-2.33 26.74-11.881 37.408c-9.081 10.143-20.523 16.416-33.538 19.968c-10.037 2.74-20.248 3.336-30.569 2.134c-20.375-2.374-38.284-10.674-54.565-22.824c-2.723-2.033-5.27-4.303-7.897-6.465c-.342-.282-.666-.588-1.014-.863c-2.038-1.61-4.026-1.716-6.092-.153c-1.105.836-2.042 1.892-3.199 2.985c-2.479-2.251-5.095-4.479-7.546-6.875c-17.022-16.64-28.678-36.433-34.762-59.469c-2.282-8.64-3.592-17.431-3.995-26.363C-.928 117.693 4.08 95.393 15.304 74.53c8.622-16.025 20.211-29.564 34.617-40.687c.114-.088.253-.143.381-.214z"/><path fill="#93bd5a" d="M208.879 234.173c.993-2.463 2.073-4.896 2.963-7.395c2.077-5.828 3.072-11.854 3.117-18.044c.064-8.648-1.086-17.094-4.081-25.245c-3.234-8.804-8.389-16.344-15.07-22.871c-7.452-7.28-16.104-12.857-25.276-17.68c-12.957-6.812-26.589-12.016-40.38-16.822c-9.279-3.233-18.638-6.244-27.638-10.229c-8.72-3.86-17.104-8.291-24.423-14.505c-7.065-5.997-12.433-13.202-15.008-22.19c-4.759-16.61-2.089-31.909 8.642-45.591c5.933-7.565 13.616-12.855 22.438-16.542c7.564-3.161 15.478-4.86 23.625-5.599c5.724-.52 11.451-.646 17.173-.133c8.506.762 16.758 2.72 24.799 5.574c9.021 3.201 17.614 7.289 25.682 12.461c.558.357 1.153.668 1.759.937c2.121.94 4.074.633 5.714-1.001c.851-.848 1.536-1.863 2.407-2.94c2.146 1.44 4.411 2.887 6.599 4.441c15.341 10.899 27.729 24.504 37.117 40.807c7.2 12.5 12.11 25.861 14.754 40.055c1.679 9.012 2.429 18.099 2.151 27.253c-.498 16.43-3.939 32.224-10.505 47.315c-6.802 15.63-16.358 29.356-28.615 41.188c-2.494 2.408-5.214 4.584-7.83 6.867z"/></svg>

How to use the Slim icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Slim icon in other icon sets

Slim icon FAQ

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

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

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

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

Browse all SVG Logos icons →