ICONYZ
Español
Icono Pin Sharp de IonIcons

Icono Pin Sharp

ion:pin-sharp

El icono Pin Sharp (ion:pin-sharp) es un icono SVG gratuito de la colección IonIcons de Ben Sperry. Está dibujado en una cuadrícula de 512 × 512. IonIcons 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
IonIcons
Autor
Ben Sperry
Licencia
MIT
Tamaño
512 × 512
Etiquetas
pinsharp
Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M339 99a83 83 0 1 0-102 80.8V464l19 32l19-32V179.8A83.28 83.28 0 0 0 339 99m-59-6a21 21 0 1 1 21-21a21 21 0 0 1-21 21"/></svg>

Cómo usar el icono Pin Sharp

React

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

<Icon icon="ion:pin-sharp" width="24" />

Vue

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

<template>
  <Icon icon="ion:pin-sharp" width="24" />
</template>

Svelte

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

<Icon icon="ion:pin-sharp" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[ion--pin-sharp]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/ion -->
<div class="i-ion:pin-sharp"></div>

Web component

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

<iconify-icon icon="ion:pin-sharp"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/ion/pin-sharp.svg" alt="Icono Pin Sharp" width="24" height="24">

Iconos relacionados en IonIcons

El icono Pin Sharp en otras colecciones

Preguntas frecuentes sobre Icono Pin Sharp

¿El icono Pin Sharp es gratis para uso comercial?

Sí. IonIcons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.

¿Cómo uso el icono Pin Sharp en React?

Instala @iconify/react y renderiza <Icon icon="ion:pin-sharp" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono Pin Sharp a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/ion/pin-sharp.svg" alt="Icono Pin Sharp">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los IonIcons →