Lasso 20 アイコン
energy-icons:lasso-20
Lasso 20 アイコン(energy-icons:lasso-20)は、Energy Icons セットの無料 SVG アイコンです（作者: Sam Passmore）。 20 × 20 のグリッドで描かれています。 Energy Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Energy Icons
- 作者
- Sam Passmore
- ライセンス
- MIT
- サイズ
- 20 × 20
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path fill="currentColor" d="M16.583 7.498c0-.373-.119-.785-.349-1.16l-.095-.143a4.2 4.2 0 0 0-1.002-.967a7 7 0 0 0-1.755-.864l-.001-.001a10.4 10.4 0 0 0-2.204-.472c-.761-.08-1.592-.08-2.354 0s-1.542.247-2.204.472a7 7 0 0 0-1.757.864l.001.001c-.478.337-.86.73-1.092 1.107l-.001.003a2.23 2.23 0 0 0-.353 1.16c0 .326.091.683.27 1.018l.083.142l.001.003c.1.16.309.381.557.614c.118.11.235.215.339.308l.262.24l.071.092a.5.5 0 0 1 .05.104l.425 1.28l-.475.157l-.475.158l-.384-1.158l-.14-.127c-.103-.093-.229-.205-.357-.326c-.246-.23-.548-.532-.724-.818a3.23 3.23 0 0 1-.503-1.687c0-.576.18-1.17.503-1.688c.317-.515.803-1.003 1.367-1.4a8 8 0 0 1 2.01-.993l.282-.091a11.6 11.6 0 0 1 2.14-.429a12.7 12.7 0 0 1 2.562 0c.83.087 1.684.269 2.422.52a8 8 0 0 1 2.009.993c.494.348.927.765 1.242 1.207l.128.191l.002.002a3.26 3.26 0 0 1 .499 1.688c0 .576-.18 1.17-.499 1.687l-.002.003c-.32.512-.804 1-1.37 1.397v.001c-.562.395-1.272.743-2.01.993c-.646.22-1.38.387-2.11.483l-.31.037c-.828.087-2.172.003-2.511.003a.5.5 0 0 1 0-1c.476 0 1.641.084 2.406.003a10.4 10.4 0 0 0 2.204-.473a7 7 0 0 0 1.757-.864c.476-.335.859-.73 1.096-1.11c.23-.375.349-.788.349-1.16"/><path fill="currentColor" d="M5.958 12.914A.96.96 0 0 0 5 11.955a.96.96 0 0 0 0 1.917a.96.96 0 0 0 .958-.958m1 0A1.96 1.96 0 0 1 5 14.872a1.96 1.96 0 0 1 0-3.917c1.08 0 1.958.88 1.958 1.96"/><path fill="currentColor" d="M7.12 17.702a.5.5 0 1 1-.905.426l-1.667-3.542l.904-.426z"/></svg>Lasso 20 アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="energy-icons:lasso-20" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="energy-icons:lasso-20" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="energy-icons:lasso-20" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[energy-icons--lasso-20]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/energy-icons -->
<div class="i-energy-icons:lasso-20"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="energy-icons:lasso-20"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/energy-icons/lasso-20.svg" alt="Lasso 20 アイコン" width="24" height="24">Energy Icons の関連アイコン
Lasso 20 アイコン のよくある質問
Lasso 20 アイコンは商用利用でも無料ですか?
はい。Energy Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Lasso 20 アイコンを使うには?
@iconify/react をインストールして <Icon icon="energy-icons:lasso-20" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Lasso 20 アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/energy-icons/lasso-20.svg" alt="Lasso 20 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。