Line アイコン
ls:line
Line アイコン(ls:line)は、Ligature Symbols セットの無料 SVG アイコンです（作者: Kazuyuki Motoyama）。 684 × 677 のグリッドで描かれています。 Ligature Symbols icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Ligature Symbols
- 作者
- Kazuyuki Motoyama
- ライセンス
- OFL-1.1
- サイズ
- 684 × 677
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="684" height="677" viewBox="0 0 684 677"><path fill="currentColor" d="M341 25c190 0 343 124 343 278c0 75-37 141-95 193c-94 93-256 187-273 180c-28-11 21-71 1-97c-3-4-14-3-34-6C118 551 0 442 0 302C0 148 152 25 341 25M146 395h58c10 0 16-8 16-18c0-7-5-16-18-16h-47c-4 0-4-4-4-18V242c0-9-6-18-17-18c-10 0-17 8-17 18v122c0 27 13 31 29 31m131-14V242c0-9-7-18-18-18c-9 0-17 8-17 18v139c0 9 7 16 18 16c9 0 17-7 17-16m164-19V240c0-9-7-16-18-16c-8 0-17 5-17 16v88l-58-81c-8-14-18-23-30-23c-15 0-16 12-16 29v128c0 9 7 16 17 16c9 0 17-6 17-16v-91l58 81c13 17 16 26 32 26c11 0 15-10 15-35m112-69h-51v-29c0-3 1-7 6-7h45c11 0 18-6 18-17c0-13-10-17-19-17h-58c-18 0-27 12-27 28v113c0 20 8 31 27 31h59c13 0 18-8 18-18c0-13-10-17-18-17h-44c-4 0-7-3-7-6v-28h53c13 0 15-10 15-17c0-10-8-16-17-16"/></svg>
Line アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="ls:line" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ls:line" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ls:line" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ls--line]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ls -->
<div class="i-ls:line"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ls:line"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/ls/line.svg" alt="Line アイコン" width="24" height="24">
Line アイコン のよくある質問
Line アイコンは商用利用でも無料ですか?
はい。Ligature Symbols icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。
React で Line アイコンを使うには?
@iconify/react をインストールして <Icon icon="ls:line" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Line アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/ls/line.svg" alt="Line アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Ligature Symbols アイコン をすべて見る →
ICONYZ
