Discover アイコン

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

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

lineicons:discover

Discover アイコン(lineicons:discover)は、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" fill-rule="evenodd" d="M2 10.37h.87c.162 0 .324.015.471.037c.767.11 1.37.516 1.37 1.592c0 1.068-.603 1.48-1.37 1.584c-.147.022-.31.03-.471.03H2zm19.72.494c.118 0 .206-.089.206-.221c0-.133-.088-.229-.206-.229s-.206.096-.206.229c0 .132.088.22.206.22m0-.501a.28.28 0 1 1 0 .56a.28.28 0 0 1 0-.56m0 .324l-.015-.022h-.037v.133h-.059v-.317h.126c.073 0 .118.03.118.095c0 .052-.037.082-.089.089l.089.133h-.067zm0-.162h.007c.03 0 .06.007.06.044c0 .044-.03.052-.06.052h-.058v-.096zm-2.049 1.223c.244-.03.442-.133.442-.442c0-.295-.198-.376-.442-.413h-.442v.87h.206c.082 0 .163-.008.236-.015m0-1.37c.575.022 1.106.14 1.106.876c0 .384-.244.7-.649.752c.17.022.273.192.332.34l.508 1.266h-.707l-.383-1.016c-.06-.148-.11-.236-.206-.288a.5.5 0 0 0-.236-.044h-.207v1.348h-.633V10.37h.685c.125 0 .265 0 .39.008m-5.902.965q.11.285.11.648c0 .229-.037.45-.11.649c-.229.626-.782 1.031-1.54 1.031c-1.017 0-1.666-.692-1.666-1.68c0-.995.663-1.672 1.666-1.672c.758 0 1.311.397 1.54 1.024m0-.685l1.12 2.954h.236l1.245-3.242h-.663l-.664 1.71l-.707-1.71h-.678zm2.763-.288h1.887v.523h-1.246v.796h1.135v.501h-1.135v.914h1.253v.508h-1.894zm-13.19.575a1.1 1.1 0 0 0-.347-.052h-.361v2.211h.36q.18-.002.347-.059c.39-.14.708-.501.708-1.046c0-.546-.317-.921-.708-1.054m1.62-.575h.642v3.242h-.642zm2.698.862c-.221-.14-.457-.28-.708-.31c-.228-.029-.471.038-.471.362c0 .56 1.4.324 1.4 1.407c0 .708-.56 1.054-1.201.98c-.347-.037-.546-.14-.818-.324v-.663c.213.118.53.346.78.39c.273.045.568-.037.568-.331c0-.626-1.393-.369-1.393-1.437c0-.722.546-.988 1.106-.988c.28 0 .523.104.737.295zm2.74 2.056c-.161.207-.544.324-.802.347c-.995.066-1.658-.487-1.658-1.585c0-1.105.582-1.754 1.658-1.695c.213.008.56.082.788.273v.62c-.273-.17-.553-.288-.788-.296c-.656-.022-.995.39-.995 1.054c0 .663.317 1.032.995 1.002c.265-.007.663-.22.803-.339z" clip-rule="evenodd"/></svg>

Discover アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

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

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

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

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

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

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

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

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

Lineicons をすべて見る →