ICONYZ
日本語
Flagpack の Ls アイコン

Ls アイコン

flagpack:ls

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

アイコンセット
Flagpack
作者
Yummygum
ライセンス
MIT
サイズ
32 × 24
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="24" viewBox="0 0 32 24"><g fill="none" fill-rule="evenodd" clip-rule="evenodd"><path fill="#55ba07" d="M0 16h32v8H0z"/><path fill="#f7fcff" d="M0 8h32v8H0z"/><path fill="#3d58db" d="M0 0h32v8H0z"/><path fill="#1d1d1d" d="M15.25 8.24c-.523.14-.799.502-.799 1.141c0 .73.359 1.416.799 1.77zm1.25 2.89c.428-.357.772-1.03.772-1.747c0-.62-.272-.98-.772-1.13zm-.042-3.398c.818.182 1.41.74 1.41 1.645c0 .659-.313 1.46-.798 2.009l2.433 2.387l.6-.198l.897 1.36S18.734 16 15.933 16C13.133 16 11 14.935 11 14.935l.763-1.162l.617.202l2.257-2.548c-.507-.55-.836-1.375-.836-2.05c0-.938.635-1.502 1.498-1.663a.625.625 0 0 1 1.159.018m-4.456 6.564l-.254.353h.494zm.289.492l-.436.088l.436.152zm.222-.508l.223.52l.553-.15l-.11-.21zm1.204 1.038l-.813-.16l-.093-.157l.613-.133zm.047-.745l.253.455l.555-.17l-.154-.203zm.456.836l-.1-.188l.615-.165l.354.433zm1.148-.312l.792-.21l-.098-.18h-1.028zm.284.4l-.126-.195l.76-.249l.404.444zm.963-.776l.243.298l.659-.228l-.083-.156zm1.43.62l-.886.098l-.13-.22l.67-.22zm-.057-.764l.249.305l.594-.305l-.165-.092zm.515.682l-.108-.165l.566-.34l.288.34zm.562-.95l.36.344l.349-.343l-.11-.14zm.57.461l.292-.29l.211.29l-.504.162z"/></g></svg>

Ls アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="flagpack:ls" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="flagpack:ls" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="flagpack:ls" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[flagpack--ls]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/flagpack -->
<div class="i-flagpack:ls"></div>

Web コンポーネント

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

<iconify-icon icon="flagpack:ls"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/flagpack/ls.svg" alt="Ls アイコン" width="24" height="24">

他のアイコンセットの Ls アイコン

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

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

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

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

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

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

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

Flagpack アイコン をすべて見る →