Line アイコン

Q: Line アイコンは商用利用でも無料ですか?

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

lineicons:line

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

アイコンセット: Lineicons
作者: Lineicons
ライセンス: MIT
サイズ: 24 × 24
カテゴリ: 標準

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M22 10.622c0-4.484-4.516-8.161-10-8.161S2 6.106 2 10.622c0 4 3.548 7.355 8.355 8c.322.032.774.226.87.484c.098.226.033.645.033.903c0 0-.129.742-.129.871c-.032.226-.194 1 .871.484c1.032-.451 5.742-3.42 7.871-5.806C21.323 14.009 22 12.396 22 10.622M8.452 12.977a.21.21 0 0 1-.194.194H5.452c-.033 0-.097-.033-.13-.033c-.032-.032-.032-.096-.032-.129V8.622c0-.097.097-.193.194-.193h.677c.097 0 .194.096.194.193v3.452h1.903c.097 0 .194.097.194.193zm1.677 0a.21.21 0 0 1-.194.194h-.677a.21.21 0 0 1-.193-.194V8.622c0-.097.096-.193.193-.193h.677c.097 0 .194.096.194.193zm4.871 0a.21.21 0 0 1-.194.194h-.709c-.032 0-.032-.033-.032-.033L12 10.428v2.581a.21.21 0 0 1-.194.194h-.677a.21.21 0 0 1-.194-.194V8.654c0-.096.097-.193.194-.193h.678l.032.032l2 2.678V8.59c0-.097.096-.194.193-.194h.774c.097 0 .194.097.194.194zm3.871-3.645a.21.21 0 0 1-.194.193h-1.903v.742h1.903c.097 0 .194.097.194.194v.677a.21.21 0 0 1-.194.194h-1.903v.677h1.903c.097 0 .194.097.194.194v.677a.21.21 0 0 1-.194.194h-2.806c-.032 0-.097-.032-.13-.032c-.031-.033-.031-.097-.031-.13V8.559c0-.033.032-.097.032-.13c.032-.032.097-.032.129-.032h2.806c.097 0 .194.097.194.194z"/></svg>

Line アイコンの使い方

React

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

<Icon icon="lineicons:line" width="24" />

Vue

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

<template>
  <Icon icon="lineicons:line" width="24" />
</template>

Svelte

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

<Icon icon="lineicons:line" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="lineicons:line"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/lineicons/line.svg" alt="Line アイコン" width="24" height="24">

Lineicons の関連アイコン

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

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

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

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

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

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

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

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

Lineicons をすべて見る →