Иконка Keyboard
noto:keyboard
Иконка Keyboard (noto:keyboard) — бесплатная SVG-иконка из набора Noto Emoji от Google Inc. Она нарисована на сетке 128 × 128. Noto Emoji icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Noto Emoji
- Автор
- Google Inc
- Лицензия
- Apache-2.0
- Размер
- 128 × 128
- Категория
- Предметы
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#2F7889" d="m4.28 86.4l-.27 4.37c-.14 2.48 1.71 3.38 3.51 3.38h112.95c1.8 0 3.66-.65 3.53-3.53l-.27-4.22z"/><path fill="#C3D2D9" d="M120.47 90.79H7.53c-1.8 0-3.32-1.52-3.32-3.32l2.94-50.31c0-1.9 1.52-3.32 3.32-3.32h107.07c1.8 0 3.32 1.52 3.32 3.32l2.94 50.31c0 1.8-1.52 3.32-3.33 3.32"/><path fill="#2F7889" d="M12.47 47.95c0 .98.69 1.67 1.57 1.67h4.67c.88 0 1.57-.78 1.57-1.67l.14-2.3h-7.74zm11.76 0c0 .98.69 1.67 1.57 1.67h4.6c.99 0 1.57-.7 1.57-1.67v-2.3h-7.71zm11.07 0c0 .98.78 1.67 1.67 1.67h4.6c.88 0 1.67-.65 1.67-1.67v-2.3H35.3zm11.26 0c0 .98.78 1.67 1.67 1.67h4.6c.88 0 1.67-.6 1.67-1.67v-2.3h-7.94zm11.17 0c0 .98.65 1.67 1.67 1.67H64c.88 0 1.67-.51 1.67-1.67v-2.3h-7.94zm11.27 0c0 .98.78 1.67 1.67 1.67h4.6c.88 0 1.67-.51 1.67-1.67v-2.3H69zm11.17 0c0 .98.78 1.67 1.67 1.67h4.6c.88 0 1.62-.42 1.67-1.67v-2.3h-7.94zm11.16 0c0 .98.78 1.67 1.67 1.67h4.81c1.03 0 1.85-.68 1.76-1.76l-.13-2.21h-8.11zm11.76 0c0 .98.78 1.67 1.67 1.67h8.87c.88 0 1.67-.69 1.67-1.67l-.16-2.3H103.1v2.3zm4.14 11.75c0 .88.78 1.67 1.67 1.67h5.44c.88 0 1.67-.69 1.67-1.67l-.1-1.49h-8.67v1.49zm-11.39 0c0 .88.69 1.67 1.67 1.67h4.6c.88 0 1.67-.69 1.67-1.67v-1.49h-7.94zm-11.27 0c.1.88.78 1.67 1.67 1.67h4.6c.88 0 1.67-.69 1.67-1.67v-1.49h-7.94zm-11.16 0c0 .88.78 1.67 1.67 1.67h4.6c.88 0 1.67-.69 1.67-1.67v-1.49h-7.94zm-11.27 0c.1.88.78 1.67 1.67 1.67h4.6c.88 0 1.67-.69 1.67-1.67v-1.49h-7.94zm-11.17 0c0 .88.78 1.67 1.67 1.67h4.6c.88 0 1.67-.69 1.67-1.67v-1.49h-7.94zm-11.17 0c0 .88.78 1.67 1.67 1.67h4.6c.88 0 1.67-.69 1.67-1.67v-1.49H39.8zm-11.17 0c0 .88.69 1.67 1.57 1.67h4.6c.88 0 1.67-.69 1.67-1.67v-1.49h-7.84zm-16.81 0c0 .88.69 1.67 1.57 1.67h9.66c.88 0 1.57-.69 1.57-1.67v-1.49l-12.79-.03zm67.86 12.06c0 .81.69 1.62 1.57 1.62h4.6c.88 0 1.57-.71 1.57-1.62v-1.37h-7.74zm-11.76 0c0 .81.69 1.62 1.57 1.62h4.6c.88 0 1.57-.71 1.57-1.62l-.01-1.37h-7.73zm-11.76 0c0 .81.69 1.62 1.57 1.62h4.6c.88 0 1.57-.71 1.57-1.62v-1.37h-7.74zm-11.75 0c-.1.81.69 1.62 1.57 1.62h4.6c.88 0 1.57-.71 1.57-1.62v-1.37h-7.74zm-11.76 0c-.1.81.69 1.62 1.57 1.62h4.6c.88 0 1.57-.71 1.57-1.62v-1.1h-7.74zm-21.26-.1c0 .91.69 1.72 1.57 1.72h13.49c.88 0 1.57-.71 1.57-1.72l.12-1.31H11.41zm80.56.1c.1 1.01.78 1.72 1.67 1.72h21.33c.88 0 1.67-.71 1.67-1.72l-.01-1.41l-24.68.05zm17.43 13.47h6.13c.88 0 1.67-.72 1.67-1.74v-1.55h-9.47v1.55c0 .93.79 1.74 1.67 1.74m-12.85 0h5.2c.88 0 1.67-.72 1.67-1.74v-1.63l-8.53.08v1.55c-.01.93.68 1.74 1.66 1.74m-57.61 0h49.96c.88 0 1.67-.72 1.67-1.74v-1.55h-53.3l.01 1.55c0 1.19.78 1.74 1.66 1.74m-12.6 0h5.06c.88 0 1.67-.72 1.67-1.74v-1.55l-8.2.18l.01 1.37c-.04.99.58 1.74 1.46 1.74m-14.14 0h6.41c.88 0 1.57-.72 1.57-1.74v-1.55h-9.54v1.55c-.01.93.67 1.74 1.56 1.74"/><path fill="#FFF" d="M18.78 47.9h-4.6c-.88 0-1.57-.65-1.57-1.59l.45-4.39c0-.84.69-1.59 1.57-1.59h4.6c.88 0 1.57.65 1.57 1.59l-.45 4.39c0 .84-.69 1.59-1.57 1.59m11.62 0h-4.6c-.88 0-1.57-.65-1.57-1.59l.17-4.39c0-.84.69-1.59 1.57-1.59h4.43c.88 0 1.57.65 1.57 1.59v4.39c0 .98-.59 1.59-1.57 1.59m11.17 0h-4.6c-.88 0-1.67-.65-1.67-1.59v-4.39c0-.84.69-1.59 1.67-1.59h4.6c.88 0 1.67.65 1.67 1.59v4.39c-.01.84-.79 1.59-1.67 1.59m11.26 0h-4.6c-.88 0-1.67-.65-1.67-1.59v-4.39c0-.84.69-1.59 1.67-1.59h4.6c.88 0 1.67.65 1.67 1.59v4.39c0 .95-.79 1.59-1.67 1.59m11.17 0h-4.6c-.88 0-1.67-.65-1.67-1.59v-4.39c0-.84.69-1.59 1.67-1.59H64c.88 0 1.67.65 1.67 1.59v4.39c0 .84-.79 1.59-1.67 1.59m11.27 0h-4.6c-.88 0-1.67-.65-1.67-1.59v-4.39c0-.84.69-1.59 1.67-1.59h4.6c.88 0 1.67.65 1.67 1.59v4.39c-.01.99-.79 1.59-1.67 1.59m11.17 0h-4.6c-.88 0-1.67-.65-1.67-1.59v-4.39c0-.84.69-1.59 1.67-1.59h4.6c.88 0 1.67.65 1.67 1.59v4.39c-.01 1.01-.79 1.59-1.67 1.59m11.37 0H93c-.88 0-1.67-.65-1.67-1.59v-4.39c0-.84.69-1.59 1.67-1.59h4.6c.88 0 1.67.65 1.67 1.59l.2 4.39c0 .84-.78 1.59-1.66 1.59m15.69 0h-8.74c-.88 0-1.67-.65-1.67-1.59v-4.39c0-.84.69-1.59 1.67-1.59h8.52c.88 0 1.67.65 1.67 1.59l.22 4.39c-.01.84-.79 1.59-1.67 1.59m-4.61 11.88h5.44c.88 0 1.67-.65 1.67-1.59l-.31-4.39c0-.84-.69-1.59-1.67-1.59h-5.12c-.88 0-1.67.65-1.67 1.59v4.39c0 .84.78 1.59 1.66 1.59m-11.38 0h4.6c.88 0 1.67-.65 1.67-1.59V53.8c0-.84-.69-1.59-1.67-1.59h-4.6c-.88 0-1.67.65-1.67 1.59v4.39c0 .84.69 1.59 1.67 1.59m-11.27 0h4.6c.88 0 1.67-.65 1.67-1.59V53.8c0-.84-.69-1.59-1.67-1.59h-4.6c-.88 0-1.67.65-1.67 1.59v4.39c.1.84.79 1.59 1.67 1.59m-11.17 0h4.6c.88 0 1.67-.65 1.67-1.59V53.8c0-.84-.69-1.59-1.67-1.59h-4.6c-.88 0-1.67.65-1.67 1.59v4.39c.01.84.79 1.59 1.67 1.59m-11.26 0h4.6c.88 0 1.67-.65 1.67-1.59V53.8c0-.84-.69-1.59-1.67-1.59h-4.6c-.88 0-1.67.65-1.67 1.59v4.39c.1.84.78 1.59 1.67 1.59m-11.17 0h4.6c.88 0 1.67-.65 1.67-1.59V53.8c0-.84-.69-1.59-1.67-1.59h-4.6c-.88 0-1.67.65-1.67 1.59v4.39c0 .84.79 1.59 1.67 1.59m-11.17 0h4.6c.88 0 1.67-.65 1.67-1.59V53.8c0-.84-.69-1.59-1.67-1.59h-4.6c-.88 0-1.67.65-1.67 1.59v4.39c0 .84.79 1.59 1.67 1.59m-11.27 0h4.6c.88 0 1.67-.65 1.67-1.59V53.8c0-.84-.69-1.59-1.67-1.59h-4.6c-.88 0-1.57.65-1.57 1.59v4.39c0 .84.69 1.59 1.57 1.59m-16.81 0h9.66c.88 0 1.57-.65 1.57-1.59V53.8c0-.84-.69-1.59-1.57-1.59h-9.31c-.88 0-1.57.65-1.57 1.59l-.35 4.39c0 .84.69 1.59 1.57 1.59M81.24 71.7h4.6c.88 0 1.57-.65 1.57-1.49v-4.39c0-.84-.69-1.49-1.57-1.49h-4.6c-.88 0-1.57.65-1.57 1.49v4.39c.01.74.69 1.49 1.57 1.49m-11.75 0h4.6c.88 0 1.57-.65 1.57-1.49v-4.39c0-.84-.69-1.49-1.57-1.49h-4.6c-.88 0-1.57.65-1.57 1.49v4.39c0 .74.69 1.49 1.57 1.49m-11.76 0h4.6c.88 0 1.57-.65 1.57-1.49v-4.39c0-.84-.69-1.49-1.57-1.49h-4.6c-.88 0-1.57.65-1.57 1.49v4.39c0 .74.69 1.49 1.57 1.49m-11.76 0h4.6c.88 0 1.57-.65 1.57-1.49v-4.39c0-.84-.69-1.49-1.57-1.49h-4.6c-.88 0-1.57.65-1.57 1.49v4.39c.01.78.69 1.49 1.57 1.49m-11.75 0h4.6c.88 0 1.57-.65 1.57-1.49v-4.39c0-.84-.69-1.49-1.57-1.49h-4.6c-.88 0-1.57.65-1.57 1.49v4.39c-.1.74.69 1.49 1.57 1.49m-21.26 0h13.62c.88 0 1.57-.65 1.57-1.59l.29-4.39c0-.84-.69-1.59-1.57-1.59H13.19c-.88 0-1.57.65-1.57 1.59l-.23 4.39c0 .84.69 1.59 1.57 1.59m80.6.09h21.38c.88 0 1.67-.65 1.67-1.59l-.34-4.67c0-.84-.69-1.59-1.67-1.59H93.31c-.88 0-1.67.65-1.67 1.59l.25 4.67c.1.94.79 1.59 1.67 1.59m15.82 11.74h6.13c.88 0 1.67-.65 1.67-1.59l-.29-4.39c0-.84-.69-1.59-1.67-1.59h-5.84c-.88 0-1.67.65-1.67 1.59v4.39c0 .84.79 1.59 1.67 1.59m-12.85 0h5.2c.88 0 1.67-.65 1.67-1.59v-4.39c0-.84-.69-1.59-1.67-1.59h-5.2c-.88 0-1.67.65-1.67 1.59v4.39c0 .84.69 1.59 1.67 1.59m-57.61 0h49.96c.88 0 1.67-.65 1.67-1.59v-4.39c0-.84-.69-1.59-1.67-1.59H38.92c-.88 0-1.67.65-1.67 1.59v4.39c-.08 1.02.79 1.59 1.67 1.59m-12.6 0h5.06c.88 0 1.67-.65 1.67-1.59v-4.39c0-.84-.69-1.59-1.57-1.59l-5.09.02c-.88 0-1.57.65-1.57 1.59l.03 4.37c-.03.89.59 1.59 1.47 1.59m-14.14 0h6.41c.88 0 1.57-.65 1.57-1.59v-4.39c0-.84-.69-1.59-1.57-1.59h-5.98c-.88 0-1.57.65-1.57 1.59l-.43 4.39c0 .84.68 1.59 1.57 1.59"/></svg>Как использовать иконку Keyboard
React
import { Icon } from "@iconify/react";
<Icon icon="noto:keyboard" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="noto:keyboard" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="noto:keyboard" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[noto--keyboard]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/noto -->
<div class="i-noto:keyboard"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="noto:keyboard"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/noto/keyboard.svg" alt="Иконка Keyboard" width="24" height="24">Иконка Keyboard в других наборах
Вопросы и ответы: Иконка Keyboard
Можно ли бесплатно использовать иконку Keyboard в коммерческих проектах?
Да. Noto Emoji icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Keyboard в React?
Установите @iconify/react и выведите <Icon icon="noto:keyboard" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Keyboard на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/noto/keyboard.svg" alt="Иконка Keyboard">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.