Icono Focal Point
fluent-mdl2:focal-point
El icono Focal Point (fluent-mdl2:focal-point) es un icono SVG gratuito de la colección Fluent UI MDL2 de Microsoft Corporation. Está dibujado en una cuadrícula de 2048 × 2048. Fluent UI MDL2 icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- Fluent UI MDL2
- Autor
- Microsoft Corporation
- Licencia
- MIT
- Tamaño
- 2048 × 2048
- Etiquetas
- focalpoint
Código SVG
<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>Cómo usar el icono Focal Point
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 component
<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>Imagen HTML
<img src="https://iconyz.com/api/public/svg/fluent-mdl2/focal-point.svg" alt="Icono Focal Point" width="24" height="24">Preguntas frecuentes sobre Icono Focal Point
¿El icono Focal Point es gratis para uso comercial?
Sí. Fluent UI MDL2 icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Focal Point en React?
Instala @iconify/react y renderiza <Icon icon="fluent-mdl2:focal-point" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Focal Point a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/fluent-mdl2/focal-point.svg" alt="Icono Focal Point">, o pega el código SVG en línea para darle estilo con CSS.