Ikon Image Crosshair
fluent-mdl2:image-crosshair
Ikon Image Crosshair (fluent-mdl2:image-crosshair) adalah ikon SVG gratis dari set Fluent UI MDL2 karya Microsoft Corporation. Ikon ini digambar pada grid 2048 × 2048. Fluent UI MDL2 icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- Fluent UI MDL2
- Pembuat
- Microsoft Corporation
- Lisensi
- MIT
- Ukuran
- 2048 × 2048
- Tag
- imagecrosshair
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="2048" height="2048" viewBox="0 0 2048 2048"><path fill="currentColor" d="m1088 870l192 191v182l-192-193l-166 166l65 64H805L320 794L128 987v549h640v128H0V256h1792v1024h-128V384H128v421l192-191l512 512zm384-358q26 0 45 19t19 45t-19 45t-45 19t-45-19t-19-45t19-45t45-19m-64 384h128v384h-128zm0 768h128v384h-128zm-512-256h384v128H896zm1152 0v128h-384v-128z"/></svg>Cara memakai ikon Image Crosshair
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-mdl2:image-crosshair" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-mdl2:image-crosshair" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-mdl2:image-crosshair" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-mdl2--image-crosshair]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-mdl2 -->
<div class="i-fluent-mdl2:image-crosshair"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-mdl2:image-crosshair"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/fluent-mdl2/image-crosshair.svg" alt="Ikon Image Crosshair" width="24" height="24">Ikon terkait di Fluent UI MDL2
FAQ Ikon Image Crosshair
Apakah ikon Image Crosshair gratis untuk penggunaan komersial?
Ya. Fluent UI MDL2 icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Image Crosshair di React?
Pasang @iconify/react lalu render <Icon icon="fluent-mdl2:image-crosshair" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Image Crosshair ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/fluent-mdl2/image-crosshair.svg" alt="Ikon Image Crosshair">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.