Focal Point ikonu
fluent-mdl2:focal-point
Focal Point ikonu (fluent-mdl2:focal-point), Fluent UI MDL2 setinden ücretsiz bir SVG ikondur (yapımcı: Microsoft Corporation). 2048 × 2048 ızgara üzerinde çizilmiştir. Fluent UI MDL2 icons, MIT lisansı ile yayınlanır. Bu lisans 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
- Fluent UI MDL2
- Yazar
- Microsoft Corporation
- Lisans
- MIT
- Boyut
- 2048 × 2048
- Etiketler
- focalpoint
SVG kodu
<svg xmlns="http://www.w3.org/2000/svg" width="2048" height="2048" viewBox="0 0 2048 2048"><path fill="currentColor" d="M1344 768q-26 0-45-19t-19-45t19-45t45-19t45 19t19 45t-19 45t-45 19m595 1133l-263-262q-43 42-87 79t-95 69l151 152l-90 90l-182-179q-167 70-349 70q-105 0-205-23t-192-69t-170-110t-144-149l-204 204l-90-90l222-223q-57-99-85-210t-28-226q0-124 32-238t90-214t140-181t181-140t214-91t239-32t238 32t214 90t181 140t140 181t91 214t32 239q0 139-41 270t-122 245l272 272zM256 1024q0 89 20 175t60 166l368-367l384 384l256-256l321 321q62-95 94-202t33-221q0-106-27-204t-78-183t-120-156t-155-120t-184-77t-204-28t-204 27t-183 78t-156 120t-120 155t-77 184t-28 204m768 768q129 0 251-42l-571-572l-299 300q54 74 123 132t148 98t168 62t180 22m376-99q52-29 98-65t87-80l-241-242l-166 166z"/></svg>Focal Point ikonu nasıl kullanılır
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-mdl2:focal-point" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-mdl2:focal-point" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-mdl2:focal-point" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-mdl2--focal-point]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-mdl2 -->
<div class="i-fluent-mdl2:focal-point"></div>Web bileşeni
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-mdl2:focal-point"></iconify-icon>HTML görseli
<img src="https://iconyz.com/api/public/svg/fluent-mdl2/focal-point.svg" alt="Focal Point ikonu" width="24" height="24">Focal Point ikonu: sık sorulan sorular
Focal Point ikonu ticari kullanım için ücretsiz mi?
Evet. Fluent UI MDL2 icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.
Focal Point ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="fluent-mdl2:focal-point" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Focal Point 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/fluent-mdl2/focal-point.svg" alt="Focal Point ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.