Location Off Outline アイコン
material-symbols-light:location-off-outline
Location Off Outline アイコン(material-symbols-light:location-off-outline)は、Material Symbols Light セットの無料 SVG アイコンです(作者: Google)。 24 × 24 のグリッドで描かれています。 Material Symbols Light icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Material Symbols Light
- 作者
- ライセンス
- Apache-2.0
- サイズ
- 24 × 24
- カテゴリ
- 地図
- タグ
- destination、direction、location、maps、off、pin、place、stop、communication、locationoff、offoutline、locationoffoutline、location off outline sharp
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M13.616 10.116q0-.667-.475-1.141Q12.666 8.5 12 8.5q-.154 0-.292.021q-.139.021-.281.088l2.079 2.08q.067-.143.088-.281t.022-.292m3.969 4.651l-.739-.738q.606-1.05.928-1.991t.322-1.746q0-2.74-1.737-4.526T12 3.981q-1.114 0-2.089.347t-1.769.997l-.694-.694q.921-.772 2.079-1.201T12 3q2.964 0 5.03 2.062t2.066 5.228q0 1.014-.373 2.132t-1.138 2.345m-2.502 1.737L6.389 7.809q-.223.57-.354 1.183t-.131 1.304q0 1.852 1.638 4.39T12 19.677q.88-.767 1.655-1.57q.774-.803 1.428-1.603m6.027 6.027l-5.339-5.339q-.78.927-1.71 1.87q-.928.942-2.061 1.957q-3.525-3.117-5.31-5.814q-1.786-2.697-1.786-4.909q0-.895.19-1.707q.192-.811.535-1.539L1.887 3.308l.694-.733l19.242 19.242zM12.494 9.677"/></svg>Location Off Outline アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols-light:location-off-outline" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols-light:location-off-outline" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols-light:location-off-outline" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--location-off-outline]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:location-off-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:location-off-outline"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/material-symbols-light/location-off-outline.svg" alt="Location Off Outline アイコン" width="24" height="24">Material Symbols Light の関連アイコン
location-away
location-away-outline
location-away-outline-rounded
location-away-rounded
location-chip
location-chip-outline
location-city
location-city-rounded
location-disabled
location-disabled-rounded
location-home
location-home-outline
location-home-outline-rounded
location-home-rounded
location-off
location-off-outline-rounded
location-off-rounded
location-on
location-on-outline
location-on-outline-rounded
location-on-rounded
location-searching
location-searching-rounded
他のアイコンセットの Location Off Outline アイコン
Location Off Outline アイコン のよくある質問
Location Off Outline アイコンは商用利用でも無料ですか?
はい。Material Symbols Light icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Location Off Outline アイコンを使うには?
@iconify/react をインストールして <Icon icon="material-symbols-light:location-off-outline" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Location Off Outline アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/material-symbols-light/location-off-outline.svg" alt="Location Off Outline アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。