Point Of Interest Outline ikonu

typcn:point-of-interest-outline

Point Of Interest Outline ikonu (typcn:point-of-interest-outline), Typicons setinden ücretsiz bir SVG ikondur (yapımcı: Stephen Hutchings). 24 × 24 ızgara üzerinde çizilmiştir. Typicons, CC BY-SA 4.0 lisansı ile yayınlanır. Bu lisans, yazara atıf yapmanız ve ikonlarda yaptığınız değişiklikleri aynı lisansla paylaşmanız koşuluyla kişisel ve ticari projelerde kullanıma izin verir. SVG, JSX, Vue veya Svelte kodu olarak kopyalayın ya da SVG dosyasını indirin.

İkon seti: Typicons
Yazar: Stephen Hutchings
Lisans: CC-BY-SA-4.0
Boyut: 24 × 24
Etiketler: pointof, ofinterest, interestoutline, pointofinterestoutline

SVG indir

SVG kodu

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M16.5 4C18.43 4 20 5.57 20 7.5S18.43 11 16.5 11H15v2h1.5c1.93 0 3.5 1.57 3.5 3.5S18.43 20 16.5 20S13 18.43 13 16.5V15h-2v1.5c0 1.93-1.57 3.5-3.5 3.5S4 18.43 4 16.5S5.57 13 7.5 13H9v-2H7.5C5.57 11 4 9.43 4 7.5S5.57 4 7.5 4S11 5.57 11 7.5V9h2V7.5C13 5.57 14.57 4 16.5 4M15 9h1.5A1.501 1.501 0 1 0 15 7.5zM7.5 9H9V7.5a1.501 1.501 0 0 0-3 0C6 8.326 6.673 9 7.5 9m9 9a1.501 1.501 0 0 0 0-3H15v1.5c0 .826.673 1.5 1.5 1.5m-9 0c.827 0 1.5-.674 1.5-1.5V15H7.5a1.501 1.501 0 0 0 0 3m9-16A5.5 5.5 0 0 0 12 4.341A5.5 5.5 0 0 0 7.5 2A5.506 5.506 0 0 0 2 7.5c0 1.857.926 3.504 2.341 4.5A5.5 5.5 0 0 0 2 16.5C2 19.532 4.467 22 7.5 22a5.5 5.5 0 0 0 4.5-2.341A5.5 5.5 0 0 0 16.5 22c3.033 0 5.5-2.468 5.5-5.5a5.5 5.5 0 0 0-2.341-4.5A5.5 5.5 0 0 0 22 7.5C22 4.468 19.533 2 16.5 2M13 11h-2v2h2z"/></svg>

Point Of Interest Outline ikonu nasıl kullanılır

React

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

<Icon icon="typcn:point-of-interest-outline" width="24" />

Vue

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

<template>
  <Icon icon="typcn:point-of-interest-outline" width="24" />
</template>

Svelte

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

<Icon icon="typcn:point-of-interest-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[typcn--point-of-interest-outline]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/typcn -->
<div class="i-typcn:point-of-interest-outline"></div>

Web bileşeni

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

<iconify-icon icon="typcn:point-of-interest-outline"></iconify-icon>

HTML görseli

<img src="https://iconyz.com/api/public/svg/typcn/point-of-interest-outline.svg" alt="Point Of Interest Outline ikonu" width="24" height="24">

Typicons setindeki benzer ikonlar

Point Of Interest Outline ikonu: sık sorulan sorular

Point Of Interest Outline ikonu ticari kullanım için ücretsiz mi?

Evet. Typicons, CC BY-SA 4.0 lisansı ile yayınlanır. Bu lisans, yazara atıf yapmanız ve ikonlarda yaptığınız değişiklikleri aynı lisansla paylaşmanız koşuluyla kişisel ve ticari projelerde kullanıma izin verir.

Point Of Interest Outline ikonunu React'te nasıl kullanırım?

@iconify/react paketini kurup <Icon icon="typcn:point-of-interest-outline" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.

Point Of Interest Outline ikonunu bir web sayfasına nasıl eklerim?

SVG dosyasını bir görsel etiketiyle bağlayın: <img src="https://iconyz.com/api/public/svg/typcn/point-of-interest-outline.svg" alt="Point Of Interest Outline ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.

Tümüne göz at: Typicons →