Litmus icon

logos:litmus

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

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="#6a7a55" d="M0 127.94c0 12.487 1.799 24.552 5.133 35.961l70.62-23.131a53 53 0 0 1 .465-25.778L5.095 92.109A128 128 0 0 0 0 127.94"/><path fill="#a09440" d="M93.597 87.948L48.946 27.277C30.192 42.024 15.664 61.898 7.466 84.785l71.289 22.937a53.2 53.2 0 0 1 14.842-19.774"/><path fill="#afa148" d="M124.211 75.836V0C98.583.745 74.848 9.027 55.136 22.7l44.725 60.772a52.75 52.75 0 0 1 24.35-7.636"/><path fill="#4c5c59" d="M78.044 148.12L7.512 171.222c8.316 23.145 23.104 43.203 42.191 57.981l43.531-59.892a53.2 53.2 0 0 1-15.19-21.191"/><path fill="#48555d" d="M55.934 233.725c19.554 13.346 42.993 21.419 68.277 22.155v-74.152a52.75 52.75 0 0 1-24.752-7.888z"/><path fill="#e3b23b" d="M200.148 22.212C180.609 8.854 157.182.763 131.909.005v75.926a52.76 52.76 0 0 1 23.527 7.798z"/><path fill="#903024" d="M131.909 181.633v74.242c25.471-.764 49.068-8.976 68.699-22.522l-44.245-60.119a52.75 52.75 0 0 1-24.454 8.399"/><path fill="#d65841" d="m162.495 168.577l44.317 60.217c19.033-14.892 33.734-35.058 41.928-58.294l-71.649-23.052a53.15 53.15 0 0 1-14.596 21.129"/><path fill="#e6703e" d="M256 127.94c0-12.642-1.84-24.852-5.254-36.386l-72.044 23.597a53 53 0 0 1 .579 24.914l71.796 23.1A128 128 0 0 0 256 127.94"/><path fill="#f4a83a" d="m176.188 107.874l72.154-23.634c-8.332-22.937-23.032-42.818-41.967-57.501l-44.718 61.526a53.2 53.2 0 0 1 14.531 19.609"/></svg>

How to use the Litmus icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Litmus icon FAQ

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

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

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

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

Browse all SVG Logos icons →