Ikon Location Away

material-symbols:location-away

Ikon Location Away (material-symbols:location-away) adalah ikon SVG gratis dari set Material Symbols karya Google. Ikon ini digambar pada grid 24 × 24. Material Symbols icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon: Material Symbols
Pembuat: Google
Lisensi: Apache-2.0
Ukuran: 24 × 24
Kategori: Peta
Tag: locationaway, location away sharp

Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M10 21v-1.9q0-.525.263-.987t.712-.738q1.15-.675 2.413-1.025T16 16t2.613.35t2.412 1.025q.45.275.713.738T22 19.1V21zm-8 0V9l8-6l5.375 4.05q-1.875.225-3.125 1.638T11 12q0 .775.213 1.463t.612 1.287q-.5.2-.962.413t-.913.487q-.9.525-1.425 1.463T8 19.1V21zm11.875-6.875Q13 13.25 13 12t.875-2.125T16 9t2.125.875T19 12t-.875 2.125T16 15t-2.125-.875"/></svg>

Cara memakai ikon Location Away

React

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

<Icon icon="material-symbols:location-away" width="24" />

Vue

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

<template>
  <Icon icon="material-symbols:location-away" width="24" />
</template>

Svelte

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

<Icon icon="material-symbols:location-away" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols--location-away]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/material-symbols -->
<div class="i-material-symbols:location-away"></div>

Web component

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

<iconify-icon icon="material-symbols:location-away"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/material-symbols/location-away.svg" alt="Ikon Location Away" width="24" height="24">

Ikon terkait di Material Symbols

Ikon Location Away di set ikon lain

FAQ Ikon Location Away

Apakah ikon Location Away gratis untuk penggunaan komersial?

Ya. Material Symbols icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Location Away di React?

Pasang @iconify/react lalu render <Icon icon="material-symbols:location-away" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Location Away ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/material-symbols/location-away.svg" alt="Ikon Location Away">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon Material Symbols →