ICONYZ
Bahasa Indonesia
Ikon Unisex dari Map Icons

Ikon Unisex

map:unisex

Ikon Unisex (map:unisex) adalah ikon SVG gratis dari set Map Icons karya Scott de Jonge. Ikon ini digambar pada grid 50 × 50. Map Icons dirilis di bawah Open Font License, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon
Map Icons
Pembuat
Scott de Jonge
Lisensi
OFL-1.1
Ukuran
50 × 50
Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 50 50"><circle cx="22.875" cy="4.625" r="4.125" fill="currentColor"/><path fill="currentColor" d="M22 10h-3c-2.82 0-5 1.719-5 4.587V27c0 2 3 2 3 0V15h1v32c0 1.233.768 2 2 2c1.235 0 2-.767 2-2zm13 15l-4.017-10.357C30.634 12.322 28.29 10 25.615 10H23v23.783c.5.002 1 .075 1 .217v13c0 1.04.917 2 2 2c1.086 0 2-.961 2-2V34h3.869c.362 0 1.044-.654 1.044-1c0-.08.029-.931 0-1l-5.909-16.237l-.034-.167c0-.237.199-.429.447-.429c.211 0 .388.141.435.329L31.869 26c.267.601 1.365 1 2.087 1c.965 0 1.065-1.895 1.044-2"/></svg>

Cara memakai ikon Unisex

React

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

<Icon icon="map:unisex" width="24" />

Vue

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

<template>
  <Icon icon="map:unisex" width="24" />
</template>

Svelte

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

<Icon icon="map:unisex" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="map:unisex"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/map/unisex.svg" alt="Ikon Unisex" width="24" height="24">

FAQ Ikon Unisex

Apakah ikon Unisex gratis untuk penggunaan komersial?

Ya. Map Icons dirilis di bawah Open Font License, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Unisex di React?

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

Bagaimana cara menambahkan ikon Unisex ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/map/unisex.svg" alt="Ikon Unisex">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Map Icons →