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 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 コードをページに直接貼り付けます。