Keycap ikonu
glyphs-poly:keycap
Keycap ikonu (glyphs-poly:keycap), Glyphs Poly setinden ücretsiz bir SVG ikondur (yapımcı: Goran Spasojevic). 80 × 80 ızgara üzerinde çizilmiştir. Glyphs Poly icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir. SVG, JSX, Vue veya Svelte kodu olarak kopyalayın ya da SVG dosyasını indirin.
- İkon seti
- Glyphs Poly
- Yazar
- Goran Spasojevic
- Lisans
- MIT
- Boyut
- 80 × 80
SVG kodu
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none"><path fill="#828282" fill-rule="evenodd" d="M21.396 12.982L10.91 21.348L8 69.5h64l-2.91-48.152l-10.486-8.366a139.4 139.4 0 0 1-37.208 0" clip-rule="evenodd"/><path fill="#eb5757" d="M21.396 12.982L21.664 11a2 2 0 0 0-1.515.418zM10.91 21.348l-1.247-1.564a2 2 0 0 0-.75 1.443zM8 69.5l-1.996-.12A2 2 0 0 0 8 71.5zm64 0v2a2 2 0 0 0 1.996-2.12zm-2.91-48.152l1.997-.121a2 2 0 0 0-.749-1.443zm-10.486-8.366l1.247-1.564A2 2 0 0 0 58.336 11zm-38.455-1.564L9.662 19.784l2.494 3.127l10.488-8.366zM8.913 21.227l-2.91 48.152l3.993.242l2.91-48.153zM8 71.5h64v-4H8zm65.996-2.12l-2.909-48.153l-3.992.241l2.909 48.153zm-3.658-49.596l-10.487-8.366l-2.495 3.127l10.488 8.366zM58.336 11a137.4 137.4 0 0 1-36.672 0l-.535 3.964a141.4 141.4 0 0 0 37.742 0z"/><path fill="#eb5757" fill-rule="evenodd" d="M23.868 13.292a2.024 2.024 0 0 0-2.263 1.909l-1.328 29.214a1.964 1.964 0 0 0 1.467 2.001a73.9 73.9 0 0 0 36.513 0a1.964 1.964 0 0 0 1.467-2.001l-1.328-29.214a2.024 2.024 0 0 0-2.263-1.909a139.4 139.4 0 0 1-32.266 0" clip-rule="evenodd"/><path fill="#eb5757" fill-rule="evenodd" d="M10.236 69.5H8l.307-5.087L20.474 40.08l-.197 4.335a1.964 1.964 0 0 0 1.497 2.009zm61.457-5.087L72 69.5h-2.236L58.226 46.424l.03-.008a1.964 1.964 0 0 0 1.468-2.001l-.197-4.334z" clip-rule="evenodd"/></g></svg>Keycap ikonu nasıl kullanılır
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs-poly:keycap" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs-poly:keycap" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs-poly:keycap" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs-poly--keycap]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs-poly -->
<div class="i-glyphs-poly:keycap"></div>Web bileşeni
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs-poly:keycap"></iconify-icon>HTML görseli
<img src="https://iconyz.com/api/public/svg/glyphs-poly/keycap.svg" alt="Keycap ikonu" width="24" height="24">Diğer ikon setlerinde Keycap ikonu
Keycap ikonu: sık sorulan sorular
Keycap ikonu ticari kullanım için ücretsiz mi?
Evet. Glyphs Poly icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.
Keycap ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="glyphs-poly:keycap" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Keycap ikonunu bir web sayfasına nasıl eklerim?
SVG dosyasını bir görsel etiketiyle bağlayın: <img src="https://iconyz.com/api/public/svg/glyphs-poly/keycap.svg" alt="Keycap ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.