Local See Outline アイコン

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

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

material-symbols-light:local-see-outline

Local See Outline アイコン(material-symbols-light:local-see-outline)は、Material Symbols Light セットの無料 SVG アイコンです（作者: Google）。 24 × 24 のグリッドで描かれています。 Material Symbols Light icons は Apache 2.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Material Symbols Light
作者: Google
ライセンス: Apache-2.0
サイズ: 24 × 24
カテゴリ: 地図
タグ: camera、lens、local、photo、photography、picture、see、maps、localsee、seeoutline、localseeoutline

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12 17.73q1.235 0 2.178-.692q.943-.694 1.34-1.786q-.209-.177-.416-.382q-.208-.204-.416-.399q-.169.989-.914 1.624T12 16.731q-1.165 0-1.948-.783T9.269 14q0-1.146.766-1.916q.767-.77 1.894-.815q-.166-.238-.306-.47t-.275-.476q-1.321.24-2.2 1.258q-.879 1.017-.879 2.419q0 1.567 1.082 2.649T12 17.731M9.423 5h.827q-.048.244-.072.485q-.024.24-.024.515h-.298L8.012 8H4.615q-.269 0-.442.173T4 8.616v10.769q0 .269.173.442t.443.173h14.769q.269 0 .442-.173t.173-.442V15.72q.25-.219.5-.456t.5-.488v4.608q0 .69-.462 1.153T19.385 21H4.615q-.69 0-1.152-.462T3 19.385V8.615q0-.69.463-1.152T4.615 7h2.958zM18 14.289q3.16-2.864 4.31-4.622t1.152-3.517q0-2.575-1.65-4.093T18 .539t-3.812 1.518t-1.65 4.093q0 1.76 1.152 3.517T18 14.288m0-1.329q-2.908-2.718-3.684-4.17q-.778-1.452-.778-2.62q0-2.275 1.407-3.443T18 1.558t3.055 1.168t1.406 3.443q0 1.168-.777 2.62q-.776 1.452-3.684 4.17m-1.485-4.536l.566-1.832l-1.504-1.206h1.832L18 3.577l.59 1.808h1.833L18.938 6.59l.566 1.832L18 7.293zM18 7.246"/></svg>

Local See Outline アイコンの使い方

React

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

<Icon icon="material-symbols-light:local-see-outline" width="24" />

Vue

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

<template>
  <Icon icon="material-symbols-light:local-see-outline" width="24" />
</template>

Svelte

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

<Icon icon="material-symbols-light:local-see-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--local-see-outline]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:local-see-outline"></div>

Web コンポーネント

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

<iconify-icon icon="material-symbols-light:local-see-outline"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/material-symbols-light/local-see-outline.svg" alt="Local See Outline アイコン" width="24" height="24">

Material Symbols Light の関連アイコン

他のアイコンセットの Local See Outline アイコン

Local See Outline アイコンのよくある質問

Local See Outline アイコンは商用利用でも無料ですか?

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

React で Local See Outline アイコンを使うには?

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

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

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

Material Symbols Light アイコンをすべて見る →