Lasso アイコン
f7:lasso
Lasso アイコン(f7:lasso)は、Framework7 Icons セットの無料 SVG アイコンです（作者: Vladimir Kharlampidi）。 56 × 56 のグリッドで描かれています。 Framework7 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Framework7 Icons
- 作者
- Vladimir Kharlampidi
- ライセンス
- MIT
- サイズ
- 56 × 56
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="56" height="56" viewBox="0 0 56 56"><path fill="currentColor" d="M3.86 25.234c0 10.758 9.234 16.805 20.765 16.805c.89 0 1.805-.047 2.719-.094c.96.399 2.11.633 3.398.633c3.516 0 7.078-.984 10.242-2.672a5.7 5.7 0 0 1 .094 1.102c0 2.812-1.594 5.554-4.219 7.219c-.68.492-1.172.984-1.172 1.828c0 .867.704 1.617 1.805 1.617c.516 0 .82-.14 1.266-.422c3.61-2.344 5.836-6.258 5.836-10.312c0-1.079-.14-2.086-.422-3.047c4.71-3.586 7.969-8.86 7.969-14.649c0-11.156-9.938-18.914-21.82-18.914c-13.008 0-26.462 8.531-26.462 20.906m3.539.024c0-10.219 11.718-17.39 22.945-17.39c9.82 0 18.281 6.093 18.281 15.35c0 4.43-2.484 8.532-6.094 11.462c-1.968-2.602-5.156-4.242-8.836-4.242c-5.367 0-9.422 2.812-9.422 6.96q0 .598.141 1.125C15.063 38.406 7.4 34 7.4 25.258M27.836 37.28c0-1.968 2.742-3.281 6.14-3.281c2.344 0 4.36 1.008 5.65 2.648c-2.743 1.524-5.86 2.414-8.884 2.414c-1.687 0-2.906-.656-2.906-1.78"/></svg>
Lasso アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="f7:lasso" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="f7:lasso" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="f7:lasso" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[f7--lasso]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/f7 -->
<div class="i-f7:lasso"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="f7:lasso"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/f7/lasso.svg" alt="Lasso アイコン" width="24" height="24">
Lasso アイコン のよくある質問
Lasso アイコンは商用利用でも無料ですか?
はい。Framework7 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Lasso アイコンを使うには?
@iconify/react をインストールして <Icon icon="f7:lasso" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Lasso アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/f7/lasso.svg" alt="Lasso アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Framework7 Icons をすべて見る →
ICONYZ
