ICONYZ
Русский
Иконка Qwik Wordmark из набора Devicon Plain

Иконка Qwik Wordmark

devicon-plain:qwik-wordmark

Иконка Qwik Wordmark (devicon-plain:qwik-wordmark) — бесплатная SVG-иконка из набора Devicon Plain от konpa. Она нарисована на сетке 128 × 128. Devicon Plain icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор
Devicon Plain
Автор
konpa
Лицензия
MIT
Размер
128 × 128
Теги
qwikwordmark
Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="currentColor" d="M106.402 47.434a.293.293 0 0 0-.293.296v26.344c0 .16.13.293.293.293h4.575a.293.293 0 0 0 .293-.293v-9.207q.198.168.46.442c.387.414.868 1 1.45 1.78c1.168 1.563 2.75 3.888 4.886 7.141a.3.3 0 0 0 .25.137h5.254a.3.3 0 0 0 .149-.043a.27.27 0 0 0 .11-.11a.29.29 0 0 0-.005-.296c-1.73-2.867-3.293-5.2-4.554-6.902a31 31 0 0 0-1.657-2.07a9 9 0 0 0-.843-.856q.937-.846 2.402-2.664c1.426-1.805 2.8-3.656 4.113-5.543a.3.3 0 0 0 .074-.153a.27.27 0 0 0-.02-.167a.27.27 0 0 0-.109-.13a.26.26 0 0 0-.16-.05h-.004v.004h-5.289a.3.3 0 0 0-.242.125a136 136 0 0 1-4.308 5.898c-.829 1.047-1.477 1.797-1.957 2.262V47.73a.293.293 0 0 0-.293-.296zm-7.195.57c-1.004 0-1.754.105-2.242.52c-.504.43-.645 1.12-.645 2.046c0 1.032.137 1.785.63 2.262c.491.473 1.25.59 2.257.59c1.004 0 1.766-.117 2.258-.59c.492-.477.629-1.23.629-2.262c0-.925-.14-1.617-.645-2.047c-.488-.414-1.242-.52-2.242-.52m-74.93.672l-2.793.078l-8.332.023a4.46 4.46 0 0 0-3.82 2.207L4.27 61.04l.007-.01c-.917 1.44-.983 3.368-.101 4.846l5.289 8.773c.808 1.344 2.078 2.207 3.851 2.145c3.75-.133 5.403-.133 5.403-.133l11.511 4.305l-.066-.067c.203.192.531-.039.395-.28l-2.961-5.833l5.496-9.953c.836-1.719 1.133-3.223.308-4.734l-1.168-2.153l-.605-1.105l-.238-.434l-.02.028l-3.183-5.524a4.5 4.5 0 0 0-1.653-1.648a4.5 4.5 0 0 0-2.258-.586m-10.949 1.09l11.887 13.07l-2.13 2.156l1.267 10.16l-12.297-12.164l3.039-2.93l-1.785-10.242L7.33 57.23zm41.578 5.113c-3.133 0-5.46.73-6.941 2.289l-.004.004c-1.445 1.558-2.129 4.246-2.129 7.828c0 3.574.57 6.152 1.79 7.64c1.23 1.497 3.163 2.192 5.698 2.192a8.97 8.97 0 0 0 4.743-1.297v7.445a.3.3 0 0 0 .296.297h4.57a.297.297 0 0 0 .298-.297V56.363a.3.3 0 0 0-.055-.175a.34.34 0 0 0-.149-.106c-2.48-.805-5.175-1.203-8.117-1.203m9.934.508a.3.3 0 0 0-.137.031a.3.3 0 0 0-.156.227a.3.3 0 0 0 .016.14c2.082 5.567 4.023 11.676 5.82 18.36a.3.3 0 0 0 .105.156q.084.06.18.062h5.36a.295.295 0 0 0 .28-.199a109 109 0 0 0 3.235-10.836c1.145 4.215 2.008 7.797 2.562 10.793q.024.105.106.176a.3.3 0 0 0 .187.066h5.364a.3.3 0 0 0 .164-.05a.3.3 0 0 0 .11-.133a205 205 0 0 0 6.378-18.414a.3.3 0 0 0 .004-.137a.24.24 0 0 0-.055-.125a.3.3 0 0 0-.101-.086a.3.3 0 0 0-.133-.031h-4.496a.3.3 0 0 0-.184.058a.3.3 0 0 0-.105.164c-.973 3.829-2.262 8-3.895 12.551a135 135 0 0 0-3.562-12.574a.3.3 0 0 0-.281-.2h-3.997a.285.285 0 0 0-.285.227a148 148 0 0 1-3.64 12.575a156 156 0 0 0-3.914-12.563a.27.27 0 0 0-.102-.172a.28.28 0 0 0-.188-.066zm32.144.004a.3.3 0 0 0-.125.004a.3.3 0 0 0-.113.062a.3.3 0 0 0-.074.102a.3.3 0 0 0-.027.12v.005h-.004v18.39c0 .16.132.293.296.293h4.57a.296.296 0 0 0 .298-.293v-18.39a.293.293 0 0 0-.297-.293zm-42.078 3.793c1.147 0 2.197.121 3.153.386v9.067c0 .36-.27.746-.868 1.062c-.586.309-1.425.512-2.398.512c-1.504 0-2.434-.387-2.965-1.074c-.27-.344-.48-.86-.625-1.578q-.215-1.07-.215-2.704c0-1.156.082-2.113.235-2.882c.152-.766.375-1.325.644-1.692c.531-.715 1.528-1.097 3.04-1.097M24.375 75.195v.026l-.012.002v-.012z"/></svg>

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

React

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

<Icon icon="devicon-plain:qwik-wordmark" width="24" />

Vue

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

<template>
  <Icon icon="devicon-plain:qwik-wordmark" width="24" />
</template>

Svelte

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

<Icon icon="devicon-plain:qwik-wordmark" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[devicon-plain--qwik-wordmark]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/devicon-plain -->
<div class="i-devicon-plain:qwik-wordmark"></div>

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

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

<iconify-icon icon="devicon-plain:qwik-wordmark"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/devicon-plain/qwik-wordmark.svg" alt="Иконка Qwik Wordmark" width="24" height="24">

Похожие иконки в наборе Devicon Plain

Иконка qwik
qwik

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

Иконка Qwik Wordmark из набора Devicon
Devicon

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

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

Да. Devicon Plain icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.

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

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

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

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

Все Иконки Devicon Plain →