Иконка Qmk

simple-icons:qmk

Иконка Qmk (simple-icons:qmk) — бесплатная SVG-иконка из набора Simple Icons от Simple Icons Collaborators. Она нарисована на сетке 24 × 24. Simple Icons выпущены под лицензией CC0 1.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Simple Icons
Автор: Simple Icons Collaborators
Лицензия: CC0-1.0
Размер: 24 × 24

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M6.78 0a.33.33 0 0 1 .33.33v2.127h1.453V.331c0-.16.114-.293.264-.324L8.894 0h.661a.33.33 0 0 1 .331.33v2.127h1.452V.331c0-.16.114-.293.265-.324L11.669 0h.662a.33.33 0 0 1 .33.33v2.127h1.452V.331c0-.16.114-.293.265-.324L14.445 0h.661a.33.33 0 0 1 .331.33l-.001 2.127h1.453V.331c0-.16.114-.293.264-.324L17.22 0h.662a.33.33 0 0 1 .33.33v2.127h.468a2.864 2.864 0 0 1 2.863 2.863l-.001.467h2.127c.16 0 .293.114.324.265l.007.067v.661a.33.33 0 0 1-.33.33h-2.128v1.453h2.127c.16 0 .293.114.324.264l.007.067v.661a.33.33 0 0 1-.33.331h-2.128v1.452h2.127c.16 0 .293.114.324.265l.007.066v.662a.33.33 0 0 1-.33.33h-2.128v1.452h2.127c.16 0 .293.114.324.265l.007.067v.661a.33.33 0 0 1-.33.331l-2.128-.001v1.453h2.127c.16 0 .293.114.324.264l.007.067v.662a.33.33 0 0 1-.33.33h-2.128v.468a2.864 2.864 0 0 1-2.862 2.863l-.468-.001v2.127a.33.33 0 0 1-.264.324l-.066.007h-.662a.33.33 0 0 1-.33-.33l-.001-2.128h-1.453l.001 2.127c0 .16-.114.293-.264.324l-.067.007h-.661a.33.33 0 0 1-.331-.33l-.001-2.128h-1.452v2.127a.33.33 0 0 1-.264.324l-.066.007h-.662a.33.33 0 0 1-.33-.33l-.001-2.128H9.886v2.127a.33.33 0 0 1-.264.324L9.555 24h-.661a.33.33 0 0 1-.331-.33v-2.128H7.11v2.127a.33.33 0 0 1-.33.331h-.662a.33.33 0 0 1-.33-.33l-.001-2.128H5.32a2.864 2.864 0 0 1-2.863-2.862v-.468H.331a.33.33 0 0 1-.324-.264L0 17.882v-.662a.33.33 0 0 1 .33-.33l2.127-.001v-1.453l-2.126.001a.33.33 0 0 1-.324-.264L0 15.106v-.661a.33.33 0 0 1 .33-.331l2.127-.001v-1.452H.331a.33.33 0 0 1-.324-.264L0 12.331v-.662a.33.33 0 0 1 .33-.33l2.127-.001V9.886H.331a.33.33 0 0 1-.324-.264L0 9.555v-.661a.33.33 0 0 1 .33-.33l2.127-.001V7.11H.331a.33.33 0 0 1-.324-.263L0 6.78v-.66a.33.33 0 0 1 .33-.331l2.127-.001V5.32A2.864 2.864 0 0 1 5.32 2.457h.467V.331c0-.16.114-.293.265-.324L6.118 0zm9.915 6.275q-.231 0-.372.018a1 1 0 0 0-.23.053a.26.26 0 0 0-.125.088a.2.2 0 0 0-.035.115v4.428q0 .709-.2 1.288q-.198.58-.592.992t-.988.646t-1.39.244V6.549a.2.2 0 0 0-.035-.115a.26.26 0 0 0-.124-.088a1 1 0 0 0-.235-.053a3 3 0 0 0-.368-.018q-.203 0-.35.018a1 1 0 0 0-.238.053a.3.3 0 0 0-.133.088a.2.2 0 0 0-.04.115v7.598q-.797-.018-1.395-.244a2.6 2.6 0 0 1-.987-.637a2.6 2.6 0 0 1-.584-1a4.2 4.2 0 0 1-.195-1.324V6.549a.2.2 0 0 0-.036-.115a.26.26 0 0 0-.124-.088a1 1 0 0 0-.234-.053a3 3 0 0 0-.368-.018q-.221 0-.367.018a1 1 0 0 0-.23.053a.3.3 0 0 0-.124.088a.2.2 0 0 0-.04.115v4.525q0 1.045.318 1.851q.32.805.921 1.36q.603.552 1.47.845q.868.292 1.975.319v2.116a.2.2 0 0 0 .04.124a.26.26 0 0 0 .124.084q.084.03.23.049q.146.017.367.017t.368-.017a1 1 0 0 0 .235-.049q.088-.03.124-.084a.2.2 0 0 0 .035-.124v-2.116q1.089-.027 1.953-.346a4.2 4.2 0 0 0 1.47-.903q.606-.585.934-1.412q.327-.828.327-1.873V6.549a.2.2 0 0 0-.04-.115a.3.3 0 0 0-.124-.088a1 1 0 0 0-.23-.053a3 3 0 0 0-.358-.018"/></svg>

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

React

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

<Icon icon="simple-icons:qmk" width="24" />

Vue

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

<template>
  <Icon icon="simple-icons:qmk" width="24" />
</template>

Svelte

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

<Icon icon="simple-icons:qmk" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-icons--qmk]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/simple-icons -->
<div class="i-simple-icons:qmk"></div>

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

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

<iconify-icon icon="simple-icons:qmk"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/simple-icons/qmk.svg" alt="Иконка Qmk" width="24" height="24">

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

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

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

Да. Simple Icons выпущены под лицензией CC0 1.0, которая разрешает использование в личных и коммерческих проектах.

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

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

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

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

Все Simple Icons →