Ikon Keyboard
emojione-v1:keyboard
Ikon Keyboard (emojione-v1:keyboard) adalah ikon SVG gratis dari set Emoji One (v1) karya Emoji One. Ikon ini digambar pada grid 64 × 64. Emoji One (v1) icons dirilis di bawah lisensi CC BY-SA 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya dan membagikan perubahan ikon dengan lisensi yang sama. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- Emoji One (v1)
- Pembuat
- Emoji One
- Lisensi
- CC-BY-SA-4.0
- Ukuran
- 64 × 64
- Kategori
- Benda
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#a7a9ac" d="M32.05 2.471H20.273v2.252c0 .053-.034.091-.042.139h11.818c.97 0 1.758-.534 1.758-1.194c.001-.662-.787-1.197-1.757-1.197"/><path fill="#304347" d="M34.09 9.649c-.091-.025-2.702-.012-2.81-.012l-8.482.012c-1.278 0-1.25 2.01.021 2.01h9.717c3.179-.102 2.231 8.746 2.212 10.806c-.012 1.298 1.965 1.269 1.976-.023c.03-3.175.825-11.859-2.634-12.791M45.582 3.3c-4.273-.675-11.802-.305-11.802-.305c-1.278 0-1.252 2.01.021 2.01c0 0 6.186-.168 9.716 0s2.231 16.78 2.214 18.839c-.014 1.298 1.964 1.269 1.976-.023c.029-3.177 1.425-19.958-2.125-20.519"/><g fill="#243438"><path d="M63.751 18.289H4.621c-.261 0-.466.097-.618.19l-.011.033c-.019 0-.294.014-.301.034c-.146.082-.523.223-.523.388v36.703c0 .304.964 1.704 1.453 1.704h59.13v-39.05"/><path d="M63.751 24.297h-60.2c-.269 0-.478-.341-.627-.251c0 0-.012-.186-.017-.182c-.016 0-1.249-.096-1.256-.076c-.15.078-1.484.102-1.484.257v34.482c0 .288 2.884 2.819 3.385 2.819h60.2z"/></g><path fill="#2e4247" d="M63.751 51.33a113 113 0 0 1-16.945-.825c-17.589-2.159-37.682-9.19-39.922-32.22H3.55c-.267 0-.379-.268-3.383.645v36.703c0 .304 2.886 1.704 3.383 1.704h60.2v-6.01"/><path fill="#e6e7e8" d="M10.194 57.03H61.85c.432 0 .787-.165.787-.359V33.376c0-.199-.355-.364-.787-.364H10.197c-.232 0-.405.037-.528.101c0 0-.013.004-.021.01c0 0-.016.002-.023.015c-.123.051-.212.134-.212.239v23.295c.001.193.363.358.784.358"/><path fill="#da1c5c" d="M45.44 20.426v9.445c0 .078.026.145.058.145h3.633c.028 0 .058-.067.058-.145v-9.445a.2.2 0 0 0-.02-.096v-.008c-.012-.022-.023-.04-.038-.04h-3.632c-.033.001-.059.066-.059.144"/><path fill="#00a79d" d="M50.746 20.426v9.445c0 .078.023.145.058.145h3.629c.034 0 .061-.067.061-.145v-9.445a.2.2 0 0 0-.017-.096h-.002v-.008c-.008-.022-.023-.04-.042-.04h-3.629c-.034.001-.058.066-.058.144"/><path fill="#243438" d="M14.587 24.823c0 2.045-1.634 3.703-3.644 3.703s-3.646-1.657-3.646-3.703c0-2.048 1.632-3.705 3.646-3.705c2.01 0 3.644 1.657 3.644 3.705"/><path fill="#304249" d="M14.214 24.823c0 1.837-1.465 3.326-3.271 3.326c-1.811 0-3.273-1.488-3.273-3.326c0-1.84 1.463-3.328 3.273-3.328c1.807 0 3.271 1.488 3.271 3.328"/><path fill="#1c75bc" d="M13.857 24.823c0 1.636-1.305 2.961-2.915 2.961c-1.609 0-2.914-1.325-2.914-2.961c0-1.638 1.305-2.963 2.914-2.963c1.611 0 2.915 1.325 2.915 2.963"/><path fill="#243438" d="M10.943 22.23c-.522 0-1 .159-1.409.431q.005-.006.004-.01a2.5 2.5 0 0 0-.396.331l-.01.013a2.6 2.6 0 0 0-.304.372q-.005.01-.014.02a2.7 2.7 0 0 0-.222.419l-.003.012a2.5 2.5 0 0 0-.142.447l-.013.081a2.7 2.7 0 0 0-.047.472v.008c0 1.434 1.142 2.594 2.555 2.594c1.411 0 2.556-1.161 2.556-2.594c.001-1.435-1.144-2.596-2.555-2.596m12.483 2.593c0 2.045-1.633 3.703-3.645 3.703c-2.01 0-3.643-1.657-3.643-3.703c0-2.048 1.633-3.705 3.643-3.705s3.645 1.657 3.645 3.705"/><path fill="#304249" d="M23.05 24.823c0 1.837-1.467 3.326-3.273 3.326s-3.272-1.488-3.272-3.326c0-1.84 1.466-3.328 3.272-3.328s3.273 1.488 3.273 3.328"/><path fill="#1c75bc" d="M22.696 24.823c0 1.636-1.305 2.961-2.915 2.961c-1.609 0-2.914-1.325-2.914-2.961c0-1.638 1.305-2.963 2.914-2.963c1.611 0 2.915 1.325 2.915 2.963"/><path fill="#243438" d="M19.781 22.23c-.52 0-1 .159-1.408.431q.005-.006.004-.01a2.5 2.5 0 0 0-.394.331l-.012.013a2.6 2.6 0 0 0-.303.372q-.009.01-.014.02a3 3 0 0 0-.224.419c0 .004-.004.008-.004.012a3 3 0 0 0-.139.447l-.011.081a2.4 2.4 0 0 0-.051.472v.008c0 1.434 1.141 2.594 2.555 2.594s2.556-1.161 2.556-2.594c.001-1.435-1.141-2.596-2.555-2.596m12.742 2.593c0 2.045-1.633 3.703-3.644 3.703c-2.01 0-3.644-1.657-3.644-3.703c0-2.048 1.633-3.705 3.644-3.705c2.01 0 3.644 1.657 3.644 3.705"/><path fill="#304249" d="M32.15 24.823c0 1.837-1.467 3.326-3.273 3.326s-3.273-1.488-3.273-3.326c0-1.84 1.466-3.328 3.273-3.328s3.273 1.488 3.273 3.328"/><path fill="#1c75bc" d="M31.793 24.823c0 1.636-1.304 2.961-2.914 2.961c-1.609 0-2.914-1.325-2.914-2.961c0-1.638 1.305-2.963 2.914-2.963s2.914 1.325 2.914 2.963"/><path fill="#243438" d="M28.879 22.23c-.521 0-1 .159-1.409.431q.004-.006.003-.01c-.142.094-.27.208-.393.331l-.012.013a2.6 2.6 0 0 0-.303.372l-.014.02a2.7 2.7 0 0 0-.223.419l-.004.012a3 3 0 0 0-.138.447l-.013.081a2.4 2.4 0 0 0-.049.472v.008c0 1.434 1.142 2.594 2.555 2.594c1.412 0 2.556-1.161 2.556-2.594c0-1.435-1.143-2.596-2.556-2.596m7.726-18.397c0 1.477-.585 2.677-1.306 2.677H25.91c-.722 0-1.308-1.2-1.308-2.677c0-1.479.586-2.677 1.308-2.677h9.39c.721 0 1.305 1.198 1.305 2.677"/><path fill="#a7a9ac" d="M20.972 10.09H9.196v2.251c0 .053-.036.092-.042.14h11.818c.971 0 1.758-.534 1.758-1.193c0-.663-.787-1.198-1.758-1.198"/><path fill="#243438" d="M25.302 10.988c0 1.479-.585 2.676-1.307 2.676h-9.387c-.723 0-1.308-1.197-1.308-2.676s.585-2.676 1.308-2.676h9.387c.721 0 1.307 1.198 1.307 2.676"/><path fill="#c8cbcc" d="M18.921 32.958h8.804v24.1h-8.804z"/><path fill="#909c9e" d="M18.296 32.958h.996v24.1h-.996zm8.934.016h.998v24.1h-.998z"/><path fill="#c8cbcc" d="M33.976 33.01h8.149v23.98h-8.149zm19.966 0h8.694v23.98h-8.694z"/><path fill="#243438" d="M15.941 32.572v18.891c0 .159.035.289.081.289h4.976c.046 0 .075-.13.075-.289V32.572a.6.6 0 0 0-.022-.193v-.012c-.014-.045-.034-.077-.053-.077h-4.976c-.045 0-.081.128-.081.282m10.249 0v18.891c0 .159.041.289.085.289h4.974c.043 0 .077-.13.077-.289V32.572a1 1 0 0 0-.02-.191v-.014c-.016-.049-.039-.077-.057-.077h-4.974c-.044 0-.085.128-.085.282"/><path fill="#909c9e" d="M41.627 32.974h.998v24.1h-.998zm11.813 0h.995v24.1h-.995z"/><path fill="#243438" d="M39.561 32.572v18.891c0 .159.035.289.079.289h4.976c.043 0 .077-.13.077-.289V32.572a.7.7 0 0 0-.022-.193v-.012c-.012-.045-.035-.077-.055-.077H39.64c-.044 0-.079.128-.079.282m11.185 0v18.891c0 .159.033.289.073.289h4.982c.038 0 .069-.13.069-.289V32.572a.8.8 0 0 0-.017-.193s-.003-.002-.003-.004v-.008c-.012-.045-.031-.077-.05-.077h-4.983c-.038 0-.071.128-.071.282"/></svg>Cara memakai ikon Keyboard
React
import { Icon } from "@iconify/react";
<Icon icon="emojione-v1:keyboard" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="emojione-v1:keyboard" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="emojione-v1:keyboard" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-v1--keyboard]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/emojione-v1 -->
<div class="i-emojione-v1:keyboard"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="emojione-v1:keyboard"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/emojione-v1/keyboard.svg" alt="Ikon Keyboard" width="24" height="24">Ikon terkait di Emoji One (v1)
Ikon Keyboard di set ikon lain
FAQ Ikon Keyboard
Apakah ikon Keyboard gratis untuk penggunaan komersial?
Ya. Emoji One (v1) icons dirilis di bawah lisensi CC BY-SA 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya dan membagikan perubahan ikon dengan lisensi yang sama.
Bagaimana cara memakai ikon Keyboard di React?
Pasang @iconify/react lalu render <Icon icon="emojione-v1:keyboard" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Keyboard ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/emojione-v1/keyboard.svg" alt="Ikon Keyboard">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.