Icono Pill Sharp Fill
keyline-icons:pill-sharp-fill
El icono Pill Sharp Fill (keyline-icons:pill-sharp-fill) es un icono SVG gratuito de la colección Keyline Icons. Está dibujado en una cuadrícula de 24 × 24. Keyline 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
- Keyline Icons
- Autor
- Keyline Icons
- Licencia
- MIT
- Tamaño
- 24 × 24
- Etiquetas
- pillsharp, sharpfill, pillsharpfill
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M12.2877 3.6664C13.3546 2.5994 14.8017 2 16.3106 2C19.4528 2 22 4.5472 22 7.6894C22 9.1983 21.4006 10.6454 20.3336 11.7123L11.7123 20.3336C10.6454 21.4006 9.1983 22 7.6894 22C4.5472 22 2 19.4528 2 16.3106C2 14.8017 2.5994 13.3546 3.6664 12.2877L12.2877 3.6664ZM13.9016 15.3159L8.6842 10.0984L5.0806 13.7019C4.3887 14.3938 4 15.3322 4 16.3107C4 18.3482 5.6518 20 7.6894 20C8.6678 20 9.6062 19.6113 10.2981 18.9194L13.9016 15.3159Z" clip-rule="evenodd"/></svg>
Cómo usar el icono Pill Sharp Fill
React
import { Icon } from "@iconify/react";
<Icon icon="keyline-icons:pill-sharp-fill" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="keyline-icons:pill-sharp-fill" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="keyline-icons:pill-sharp-fill" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--pill-sharp-fill]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:pill-sharp-fill"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="keyline-icons:pill-sharp-fill"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/keyline-icons/pill-sharp-fill.svg" alt="Icono Pill Sharp Fill" width="24" height="24">
Iconos relacionados en Keyline Icons
Preguntas frecuentes sobre Icono Pill Sharp Fill
¿El icono Pill Sharp Fill es gratis para uso comercial?
Sí. Keyline Icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Pill Sharp Fill en React?
Instala @iconify/react y renderiza <Icon icon="keyline-icons:pill-sharp-fill" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Pill Sharp Fill a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/keyline-icons/pill-sharp-fill.svg" alt="Icono Pill Sharp Fill">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Keyline Icons →
ICONYZ
