Иконка Keyboard

emojione-monotone:keyboard

Иконка Keyboard (emojione-monotone:keyboard) — бесплатная SVG-иконка из набора Emoji One (Monotone) от Emoji One. Она нарисована на сетке 64 × 64. Emoji One (Monotone) icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Emoji One (Monotone)
Автор: Emoji One
Лицензия: CC-BY-4.0
Размер: 64 × 64
Категория: Предметы

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="currentColor" d="M59.188 32H33.001c0-15.518-6.611-15.518-13.003-15.518c-6.147 0-11.958 0-11.958-14.482H7c0 15.518 6.611 15.518 12.998 15.518c6.152 0 11.963 0 11.963 14.482H4.813C3.26 32 2 33.348 2 34.998v24.004C2 60.662 3.26 62 4.813 62h54.375C60.74 62 62 60.662 62 59.002V34.998C62 33.348 60.74 32 59.188 32m-4.112 2.002h1.846c1.436 0 1.436 2.002 0 2.002h-1.846c-1.435 0-1.435-2.002 0-2.002m-5.996 0h1.846c1.436 0 1.436 2.002 0 2.002H49.08c-1.435 0-1.435-2.002 0-2.002M52 44.998V47c0 .557-.449 1.006-.996 1.006h-2.002A1.004 1.004 0 0 1 47.996 47v-2.002c0-.547.449-.996 1.006-.996h2.002a1 1 0 0 1 .996.996m-5.996-5.996c0-.557.449-.996.996-.996h2.002c.547 0 .996.439.996.996v2.002a1 1 0 0 1-.996.996H47a1 1 0 0 1-.996-.996zm-2.93-5h1.846c1.436 0 1.436 2.002 0 2.002h-1.846c-1.435 0-1.435-2.002 0-2.002m2.93 10.996V47c0 .557-.449 1.006-1.006 1.006h-2.002c-.547 0-.996-.449-.996-1.006v-2.002a1 1 0 0 1 .996-.996h2.002c.557 0 1.006.449 1.006.996m-5.005-6.992h1.997a.996.996 0 0 1 1.006.996v2.002c0 .547-.449.996-1.006.996h-1.997a1 1 0 0 1-1.001-.996v-2.002a.995.995 0 0 1 1.001-.996m-2.998 12.998c0-.557.449-1.006 1.001-1.006h1.997c.552 0 1.001.449 1.001 1.006v2.002c0 .547-.449.996-1.001.996h-1.997a1 1 0 0 1-1.001-.996zM37 48.006A1.003 1.003 0 0 1 35.999 47v-2.002c0-.547.449-.996 1.001-.996h2.002a1 1 0 0 1 .996.996V47c0 .557-.449 1.006-.996 1.006zm.078-14.004h1.846c1.436 0 1.436 2.002 0 2.002h-1.846c-1.435 0-1.435-2.002 0-2.002m-3.076 5c0-.557.449-.996.996-.996H37a.995.995 0 0 1 1.001.996v2.002c0 .547-.449.996-1.001.996h-2.002a1 1 0 0 1-.996-.996zm1.997 12.002v2.002c0 .547-.449.996-1.001.996h-1.997A1 1 0 0 1 32 53.006v-2.002c0-.557.449-1.006 1.001-1.006h1.997c.552 0 1.001.449 1.001 1.006M34.002 47c0 .557-.449 1.006-1.001 1.006h-2.002A1.003 1.003 0 0 1 29.998 47v-2.002c0-.547.449-.996 1.001-.996h2.002c.552 0 1.001.449 1.001.996zm-2.925-12.998h1.846c1.436 0 1.436 2.002 0 2.002h-1.846c-1.435 0-1.435-2.002 0-2.002m-3.076 5a.995.995 0 0 1 1.001-.996h1.997a.995.995 0 0 1 1.001.996v2.002c0 .547-.449.996-1.001.996h-1.997a1 1 0 0 1-1.001-.996zm1.997 12.002v2.002a1 1 0 0 1-.996.996H27a1 1 0 0 1-1.001-.996v-2.002c0-.557.449-1.006 1.001-1.006h2.002c.547 0 .996.449.996 1.006M28.001 47c0 .557-.449 1.006-1.001 1.006h-2.002c-.547 0-.996-.449-.996-1.006v-2.002a1 1 0 0 1 .996-.996H27c.552 0 1.001.449 1.001.996zm-2.925-12.998h1.846c1.436 0 1.436 2.002 0 2.002h-1.846c-1.435 0-1.435-2.002 0-2.002m-3.076 5a.995.995 0 0 1 1.001-.996h1.997a.995.995 0 0 1 1.001.996v2.002c0 .547-.449.996-1.001.996h-1.997A1 1 0 0 1 22 41.004zm-2.925-5h1.851c1.431 0 1.431 2.002 0 2.002h-1.851c-1.435 0-1.435-2.002 0-2.002M22 44.998V47c0 .557-.449 1.006-1.001 1.006h-1.997A1.003 1.003 0 0 1 18.001 47v-2.002c0-.547.449-.996 1.001-.996h1.997c.552 0 1.001.449 1.001.996m-5-6.992h2.002a.99.99 0 0 1 .996.996v2.002a.997.997 0 0 1-.996.996H17a1 1 0 0 1-1.001-.996v-2.002A.995.995 0 0 1 17 38.006m-3.926-4.004h1.851c1.436 0 1.436 2.002 0 2.002h-1.851c-1.43 0-1.43-2.002 0-2.002m2.925 10.996V47c0 .557-.449 1.006-1.001 1.006h-1.997A1.003 1.003 0 0 1 12 47v-2.002c0-.547.449-.996 1.001-.996h1.997c.552 0 1.001.449 1.001.996m-5-6.992h2.002a.995.995 0 0 1 1.001.996v2.002c0 .547-.449.996-1.001.996h-2.002a1 1 0 0 1-1.001-.996v-2.002a.995.995 0 0 1 1.001-.996m-3.921-4.004h1.846c1.436 0 1.436 2.002 0 2.002H7.078c-1.435 0-1.435-2.002 0-2.002m-3.076 5a.99.99 0 0 1 .996-.996H7a.995.995 0 0 1 1.001.996v2.002c0 .547-.449.996-1.001.996H4.998a.997.997 0 0 1-.996-.996zm0 5.996c0-.547.41-.996.923-.996h4.15c.513 0 .923.449.923.996V47c0 .557-.41 1.006-.923 1.006h-4.15c-.513 0-.923-.449-.923-1.006zm5.996 14.004c0 .547-.41.996-.923.996h-4.15c-.513 0-.923-.449-.923-.996V57c0-.547.41-.996.923-.996h4.15c.513 0 .923.449.923.996zm1.113-5h-6.22c-.493 0-.889-.449-.889-.996v-2.002c0-.557.396-1.006.889-1.006h6.221c.488 0 .889.449.889 1.006v2.002c-.001.547-.401.996-.89.996m4.888 5c0 .547-.449.996-1.001.996h-1.997A1 1 0 0 1 12 59.002V57a.995.995 0 0 1 1.001-.996h1.997a.995.995 0 0 1 1.001.996zm1.001-5h-2.002a1 1 0 0 1-.996-.996v-2.002c0-.557.449-1.006.996-1.006H17c.552 0 1.001.449 1.001 1.006v2.002c0 .547-.449.996-1.001.996m5 5c0 .547-.449.996-1.001.996h-1.997a1 1 0 0 1-1.001-.996V57a.995.995 0 0 1 1.001-.996h1.997A.995.995 0 0 1 22 57zm1.001-5h-2.002a1 1 0 0 1-1.001-.996v-2.002c0-.557.449-1.006 1.001-1.006h2.002c.552 0 1.001.449 1.001 1.006v2.002c0 .547-.449.996-1.001.996m21.001 5c0 .547-.371.996-.84.996h-18.33c-.459 0-.83-.449-.83-.996V57c0-.547.371-.996.83-.996h18.33c.469 0 .84.449.84.996zm0-5.996v-2.002c0-.557.449-1.006.996-1.006H47c.547 0 .996.449.996 1.006v2.002a1 1 0 0 1-.996.996h-2.002a1 1 0 0 1-.996-.996m5.996 5.996a1 1 0 0 1-.996.996H47a1 1 0 0 1-.996-.996V57c0-.557.449-.996.996-.996h2.002c.547 0 .996.439.996.996zm10 0c0 .547-.4.996-.889.996h-6.221c-.488 0-.888-.449-.888-.996V57c0-.557.4-.996.889-.996h6.221c.488 0 .889.439.889.996v2.002zm0-5.996c0 .547-.361.996-.82.996h-8.359c-.449 0-.82-.449-.82-.996v-2.002c0-.557.371-1.006.82-1.006h8.359c.459 0 .82.449.82 1.006zm0-6.006c0 .557-.41 1.006-.918 1.006h-4.16c-.508 0-.918-.449-.918-1.006v-2.002c0-.547.41-.996.918-.996h4.16c.508 0 .918.449.918.996zm0-5.996c0 .547-.4.996-.889.996h-6.221c-.488 0-.888-.449-.888-.996v-2.002c0-.557.4-.996.889-.996h6.221c.488 0 .889.439.889.996v2.002z"/></svg>

Как использовать иконку Keyboard

React

import { Icon } from "@iconify/react";

<Icon icon="emojione-monotone:keyboard" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="emojione-monotone:keyboard" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="emojione-monotone:keyboard" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-monotone--keyboard]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/emojione-monotone -->
<div class="i-emojione-monotone:keyboard"></div>

Веб-компонент

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="emojione-monotone:keyboard"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/emojione-monotone/keyboard.svg" alt="Иконка Keyboard" width="24" height="24">

Иконка Keyboard в других наборах

Вопросы и ответы: Иконка Keyboard

Можно ли бесплатно использовать иконку Keyboard в коммерческих проектах?

Да. Emoji One (Monotone) icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.

Как использовать иконку Keyboard в React?

Установите @iconify/react и выведите <Icon icon="emojione-monotone:keyboard" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Keyboard на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/emojione-monotone/keyboard.svg" alt="Иконка Keyboard">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки Emoji One (Monotone) →