Ikon Key Cap
akar-icons:key-cap
Ikon Key Cap (akar-icons:key-cap) adalah ikon SVG gratis dari set Akar Icons karya Arturo Wibawa. Ikon ini digambar pada grid 24 × 24. Akar 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
- Akar Icons
- Pembuat
- Arturo Wibawa
- Lisensi
- MIT
- Ukuran
- 24 × 24
- Tag
- keycap
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M7 3s3 .5 5 .5s5-.5 5-.5l1 9s-3 1-6 1s-6-1-6-1z"/><path d="m3.869 8.147l-.862 10.294c-.03.366.04.733.205 1.06l.197.393A2.01 2.01 0 0 0 5.206 21h13.588a2.01 2.01 0 0 0 1.797-1.106l.197-.392c.165-.328.236-.695.205-1.06l-.862-10.295a4 4 0 0 0-.79-2.068L17 3s-3 .5-5 .5S6.978 3 6.978 3l-2.32 3.08a4 4 0 0 0-.79 2.067M6 12l-2.5 8M18 12l2.5 8"/></g></svg>Cara memakai ikon Key Cap
React
import { Icon } from "@iconify/react";
<Icon icon="akar-icons:key-cap" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="akar-icons:key-cap" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="akar-icons:key-cap" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[akar-icons--key-cap]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/akar-icons -->
<div class="i-akar-icons:key-cap"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="akar-icons:key-cap"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/akar-icons/key-cap.svg" alt="Ikon Key Cap" width="24" height="24">Ikon terkait di Akar Icons
FAQ Ikon Key Cap
Apakah ikon Key Cap gratis untuk penggunaan komersial?
Ya. Akar Icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Key Cap di React?
Pasang @iconify/react lalu render <Icon icon="akar-icons:key-cap" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Key Cap ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/akar-icons/key-cap.svg" alt="Ikon Key Cap">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.