Icono Pinned
fluent-mdl2:pinned
El icono Pinned (fluent-mdl2:pinned) 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
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="2048" height="2048" viewBox="0 0 2048 2048"><path fill="currentColor" d="M1990 748q-33 33-64 60t-65 47t-73 29t-90 11q-34 0-65-6l-379 379q13 38 19 78t6 80q0 65-13 118t-37 100t-60 89t-79 87l-386-386l-568 569l-136 45l45-136l569-568l-386-386l45-45q70-70 160-107t190-37q82 0 157 25l379-379q-6-31-6-65q0-49 10-88t30-74t46-65t61-65zm-292 19q55 0 104-26l-495-495q-26 49-26 104q0 28 6 52t15 51L810 944q-25-10-47-19t-44-15t-45-9t-51-4q-57 0-110 16t-100 49l673 673q32-46 49-99t17-110q0-27-3-50t-10-46t-16-45t-19-47l491-492q26 8 50 14t53 7"/></svg>Cómo usar el icono Pinned
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-mdl2:pinned" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-mdl2:pinned" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-mdl2:pinned" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-mdl2--pinned]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-mdl2 -->
<div class="i-fluent-mdl2:pinned"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-mdl2:pinned"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/fluent-mdl2/pinned.svg" alt="Icono Pinned" width="24" height="24">Iconos relacionados en Fluent UI MDL2
El icono Pinned en otras colecciones
Preguntas frecuentes sobre Icono Pinned
¿El icono Pinned 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 Pinned en React?
Instala @iconify/react y renderiza <Icon icon="fluent-mdl2:pinned" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Pinned a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/fluent-mdl2/pinned.svg" alt="Icono Pinned">, o pega el código SVG en línea para darle estilo con CSS.