Ikon Pill Sharp Fill
keyline-icons:pill-sharp-fill
Ikon Pill Sharp Fill (keyline-icons:pill-sharp-fill) adalah ikon SVG gratis dari set Keyline Icons. Ikon ini digambar pada grid 24 × 24. Keyline 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
- Keyline Icons
- Pembuat
- Keyline Icons
- Lisensi
- MIT
- Ukuran
- 24 × 24
- Tag
- pillsharp, sharpfill, pillsharpfill
Kode 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>Cara memakai ikon 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>Gambar HTML
<img src="https://iconyz.com/api/public/svg/keyline-icons/pill-sharp-fill.svg" alt="Ikon Pill Sharp Fill" width="24" height="24">Ikon terkait di Keyline Icons
FAQ Ikon Pill Sharp Fill
Apakah ikon Pill Sharp Fill gratis untuk penggunaan komersial?
Ya. Keyline Icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Pill Sharp Fill di React?
Pasang @iconify/react lalu render <Icon icon="keyline-icons:pill-sharp-fill" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Pill Sharp Fill ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/keyline-icons/pill-sharp-fill.svg" alt="Ikon Pill Sharp Fill">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.