Meta アイコン

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

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

lineicons:meta

Meta アイコン(lineicons:meta)は、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="M9.342 10.085h.758l1.289 2.368l1.288-2.368h.742v3.89H12.8v-2.982l-1.13 2.065h-.58l-1.13-2.065v2.983h-.618zm6.071 3.96q-.43 0-.755-.193a1.34 1.34 0 0 1-.508-.535a1.64 1.64 0 0 1-.182-.784q0-.447.178-.792q.177-.345.494-.54q.316-.194.726-.194q.408 0 .702.196t.453.549t.159.828v.172h-2.1a.93.93 0 0 0 .284.56q.225.205.57.205q.277 0 .477-.084q.2-.083.375-.253l.328.409a1.7 1.7 0 0 1-1.201.456m.451-2.308a.68.68 0 0 0-.509-.202a.7.7 0 0 0-.513.206a.97.97 0 0 0-.261.553h1.505q-.027-.356-.222-.557m1.566-.146h-.569v-.514h.57v-.85h.596v.85h.865v.514h-.865v1.303q0 .326.11.464q.109.14.375.14q.117 0 .2-.01q.081-.01.18-.027v.509a1.7 1.7 0 0 1-.495.07q-.966 0-.966-1.073zM22 13.975h-.586v-.405q-.156.228-.396.351q-.24.124-.548.124q-.377 0-.669-.196a1.34 1.34 0 0 1-.458-.54a1.8 1.8 0 0 1-.167-.784q0-.445.17-.787t.469-.536t.688-.195q.292 0 .526.116c.153.075.285.187.385.326v-.372H22zm-.596-1.884a.82.82 0 0 0-.78-.534a.77.77 0 0 0-.61.262q-.228.262-.228.705q0 .448.22.71a.73.73 0 0 0 .593.26a.87.87 0 0 0 .492-.144a.8.8 0 0 0 .313-.39zM6.353 9.953c-.498 0-.886.38-1.238.864c-.484-.626-.888-.864-1.372-.864C2.756 9.953 2 11.257 2 12.638c0 .864.411 1.408 1.1 1.408c.497 0 .853-.237 1.488-1.363l.446-.8q.095.156.201.337l.298.508c.579.985.902 1.318 1.487 1.318c.671 0 1.045-.552 1.045-1.434c0-1.445-.773-2.659-1.712-2.659m-2.249 2.425c-.514.819-.692 1.002-.978 1.002c-.295 0-.47-.263-.47-.731c0-1.002.492-2.027 1.078-2.027c.318 0 .583.186.99.777c-.386.602-.62.979-.62.979m1.94-.103l-.355-.602a13 13 0 0 0-.277-.44c.32-.502.585-.752.899-.752c.653 0 1.176.977 1.176 2.177c0 .457-.148.722-.453.722c-.293 0-.433-.196-.99-1.105"/></svg>

Meta アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

Lineicons の関連アイコン

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

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

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

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

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

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

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

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

Lineicons をすべて見る →