ICONYZ
日本語
SVG Logos の Litmus アイコン

Litmus アイコン

logos:litmus

Litmus アイコン(logos:litmus)は、SVG Logos セットの無料 SVG アイコンです(作者: Gil Barbara)。 256 × 256 のグリッドで描かれています。 SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
SVG Logos
作者
Gil Barbara
ライセンス
CC0-1.0
サイズ
256 × 256
SVG をダウンロード

SVG コード

<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>

Litmus アイコンの使い方

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 コンポーネント

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

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

HTML 画像

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

Litmus アイコン のよくある質問

Litmus アイコンは商用利用でも無料ですか?

はい。SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。

React で Litmus アイコンを使うには?

@iconify/react をインストールして <Icon icon="logos:litmus" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Litmus アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/logos/litmus.svg" alt="Litmus アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

SVG Logos アイコン をすべて見る →