ICONYZ
Bahasa Indonesia
Ikon Keyboard dari Emoji One (v1)

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
Download SVG

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.

Lihat semua Ikon Emoji One (v1) →