Splotch アイコン
la:splotch
Splotch アイコン(la:splotch)は、Line Awesome セットの無料 SVG アイコンです（作者: Icons8）。 32 × 32 のグリッドで描かれています。 Line Awesome icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Line Awesome
- 作者
- Icons8
- ライセンス
- Apache-2.0
- サイズ
- 32 × 32
- カテゴリ
- デザイン
- タグ
- splotch solid
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M17.379 4.918a3.84 3.84 0 0 0-2.781 1.234l-1.942 2.3c-.363.393-.93.596-1.594.548H7.97c-1.666 0-3.088.82-3.715 2.139c-.513 1.08-.363 2.286.459 3.285l1.998 2.053c.27.333.354.61.107 1.134l-1.441 2.522c-.547 1.149-.394 2.431.41 3.435c.895 1.116 2.414 1.625 3.91 1.282l2.885-.78a1.95 1.95 0 0 1 1.645.366l2.51 1.806a3.86 3.86 0 0 0 2.39.824a4 4 0 0 0 1.613-.343c1.224-.54 2.01-1.611 2.102-2.87l.201-2.787c.032-.456.328-.875.838-1.15l2.27-1.383c1.232-.66 1.936-1.89 1.84-3.209c-.1-1.346-1.004-2.484-2.36-2.97l-2.879-1.034c-.514-.184-.892-.568-1.008-1.027l-.687-2.723c-.315-1.245-1.296-2.188-2.625-2.527a4 4 0 0 0-1.053-.125zm.115 2.002q.237.008.442.06c.607.154 1.047.56 1.18 1.082l.687 2.721c.28 1.105 1.126 2.01 2.27 2.42l2.88 1.033c.611.218 1 .682 1.041 1.237c.04.535-.248 1.007-.838 1.324l-2.267 1.385c-1.07.574-1.76 1.598-1.842 2.742l-.201 2.785c-.053.73-.656 1.073-.912 1.186a1.94 1.94 0 0 1-1.995-.249l-2.51-1.806a3.9 3.9 0 0 0-2.404-.815q-.462 0-.925.108l-2.883.78c-.87.194-1.547-.196-1.865-.593c-.187-.233-.46-.715-.204-1.26l1.444-2.519c.582-1.22.471-2.338-.385-3.389l-2-2.056a.98.98 0 0 1-.144-1.1C6.28 11.537 6.91 11 7.968 11l3.01-.002a3.89 3.89 0 0 0 3.175-1.223l1.94-2.298c.4-.433.93-.572 1.4-.557z"/></svg>Splotch アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="la:splotch" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="la:splotch" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="la:splotch" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[la--splotch]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/la -->
<div class="i-la:splotch"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="la:splotch"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/la/splotch.svg" alt="Splotch アイコン" width="24" height="24">他のアイコンセットの Splotch アイコン
Splotch アイコン のよくある質問
Splotch アイコンは商用利用でも無料ですか?
はい。Line Awesome icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Splotch アイコンを使うには?
@iconify/react をインストールして <Icon icon="la:splotch" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Splotch アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/la/splotch.svg" alt="Splotch アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。