Local See Outline Rounded アイコン
material-symbols-light:local-see-outline-rounded
Local See Outline Rounded アイコン(material-symbols-light:local-see-outline-rounded)は、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、outlinerounded、localseeoutlinerounded
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M4.616 21q-.691 0-1.153-.462T3 19.385V8.615q0-.69.463-1.152T4.615 7h2.958l1.66-1.829q.073-.073.164-.11q.092-.036.195-.036q.324 0 .454.29q.131.289-.088.539L8.496 7.465q-.217.268-.537.401Q7.639 8 7.29 8H4.616q-.27 0-.443.173T4 8.616v10.769q0 .269.173.442t.443.173h14.769q.269 0 .442-.173t.173-.442v-3.097q0-.213.143-.356t.357-.144t.357.144t.143.356v3.096q0 .691-.462 1.153T19.385 21zM12 17.73q1.012 0 1.866-.497q.855-.499 1.351-1.356q.14-.216.116-.436t-.216-.36q-.177-.122-.387-.074q-.21.047-.307.243q-.35.686-1 1.084q-.65.397-1.423.397q-1.146 0-1.938-.793T9.269 14q0-.504.165-.947q.164-.443.48-.801t.716-.595t.899-.31q.196-.066.29-.242t.027-.372t-.237-.292q-.173-.097-.369-.031q-.646.127-1.186.449t-.943.803t-.622 1.077T8.27 14q0 1.548 1.091 2.64q1.092 1.09 2.64 1.09m2.188-15.673q-1.65 1.518-1.65 4.093q0 2.412 1.655 4.258t3.248 3.352q.13.105.274.158q.143.053.285.053q.162 0 .298-.053q.137-.053.262-.159q1.592-1.505 3.247-3.351t1.655-4.258q0-2.575-1.65-4.093T18 .539t-3.812 1.518M18 12.96q-2.908-2.72-3.684-4.171q-.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.293z"/></svg>
Local See Outline Rounded アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols-light:local-see-outline-rounded" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols-light:local-see-outline-rounded" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols-light:local-see-outline-rounded" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--local-see-outline-rounded]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:local-see-outline-rounded"></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-rounded"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/material-symbols-light/local-see-outline-rounded.svg" alt="Local See Outline Rounded アイコン" width="24" height="24">
Material Symbols Light の関連アイコン
他のアイコンセットの Local See Outline Rounded アイコン
Local See Outline Rounded アイコン のよくある質問
Local See Outline Rounded アイコンは商用利用でも無料ですか?
はい。Material Symbols Light icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Local See Outline Rounded アイコンを使うには?
@iconify/react をインストールして <Icon icon="material-symbols-light:local-see-outline-rounded" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Local See Outline Rounded アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/material-symbols-light/local-see-outline-rounded.svg" alt="Local See Outline Rounded アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Material Symbols Light アイコン をすべて見る →
