Ikon Qwik Wordmark

devicon:qwik-wordmark

Ikon Qwik Wordmark (devicon:qwik-wordmark) adalah ikon SVG gratis dari set Devicon karya konpa. Ikon ini digambar pada grid 128 × 128. Devicon icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon: Devicon
Pembuat: konpa
Lisensi: MIT
Ukuran: 128 × 128
Tag: qwikwordmark

Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#18b6f6" d="m30.234 80.969l-5.789-5.758l-.082.012v-.059L12.055 62.988l3.039-2.93l-1.785-10.242L4.848 60.31c-1.438 1.453-1.711 3.824-.672 5.566l5.289 8.773c.808 1.344 2.078 2.207 3.851 2.145c3.75-.133 5.403-.133 5.403-.133l11.511 4.305Zm0 0"/><path fill="#ac7ef4" d="M33.094 64.832c.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-.586l-2.793.078l-8.332.023a4.46 4.46 0 0 0-3.82 2.207L4.27 61.04l9.058-11.273l11.887 13.07l-2.13 2.156l1.274 10.223l.016-.02v.028h-.02l.028.027l.992.965l4.79 4.683c.202.192.53-.039.394-.28l-2.961-5.833"/><path fill="#fff" d="M25.242 62.805L13.324 49.8l1.696 10.183l-3.036 2.942l12.352 12.273l-1.113-10.187l2.02-2.203Zm0 0"/><path stroke="#fff" stroke-linejoin="round" stroke-width=".592" d="M62.93 81.279a.297.297 0 0 0 .298-.297V56.364a.3.3 0 0 0-.055-.176a.34.34 0 0 0-.148-.105c-2.481-.805-5.176-1.203-8.118-1.203c-3.133 0-5.46.73-6.941 2.289l-.004.004c-1.446 1.559-2.13 4.246-2.13 7.828c0 3.574.571 6.153 1.79 7.64c1.23 1.497 3.164 2.192 5.7 2.192a8.97 8.97 0 0 0 4.742-1.297v7.446a.3.3 0 0 0 .296.297ZM58.06 59.57v9.067c0 .36-.27.746-.868 1.062c-.586.31-1.425.512-2.398.512c-1.504 0-2.434-.387-2.965-1.074c-.27-.344-.48-.86-.625-1.578q-.216-1.071-.215-2.703c0-1.157.082-2.114.235-2.883c.152-.766.375-1.324.644-1.692c.531-.715 1.527-1.097 3.04-1.097c1.148 0 2.198.12 3.156.386Zm11.418-4.183H64.84a.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 .106.156c.054.04.117.063.18.063h5.359a.295.295 0 0 0 .28-.2a109 109 0 0 0 3.235-10.836c1.145 4.215 2.008 7.797 2.563 10.793q.023.106.105.176a.3.3 0 0 0 .188.067h5.363a.3.3 0 0 0 .164-.051a.3.3 0 0 0 .11-.133a205 205 0 0 0 6.379-18.414a.3.3 0 0 0 .004-.137a.24.24 0 0 0-.055-.125a.3.3 0 0 0-.102-.086a.3.3 0 0 0-.132-.031h-4.497a.3.3 0 0 0-.183.058a.3.3 0 0 0-.106.164c-.972 3.829-2.261 8-3.894 12.551a135 135 0 0 0-3.563-12.574a.3.3 0 0 0-.281-.2H77.61a.285.285 0 0 0-.285.227a148 148 0 0 1-3.641 12.575a156 156 0 0 0-3.914-12.563a.27.27 0 0 0-.102-.172a.28.28 0 0 0-.187-.066Zm27.164.297v18.39c0 .16.133.294.297.294h4.57a.296.296 0 0 0 .297-.293v-18.39a.293.293 0 0 0-.296-.293h-4.524a.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-.028.12v.005Zm-.32-5.114c0 1.031.137 1.785.629 2.262c.492.473 1.25.59 2.258.59c1.004 0 1.765-.117 2.258-.59c.492-.477.629-1.23.629-2.262c0-.926-.141-1.617-.645-2.047c-.488-.414-1.242-.52-2.242-.52c-1.004 0-1.754.106-2.242.52c-.504.43-.645 1.121-.645 2.047Zm26.747 4.817h-5.29a.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.731a.293.293 0 0 0-.293-.297h-4.575a.293.293 0 0 0-.293.297v26.345c0 .16.13.293.293.293h4.575a.293.293 0 0 0 .293-.293v-9.208c.132.114.285.258.46.442c.387.414.868 1 1.45 1.781c1.168 1.563 2.75 3.887 4.886 7.14a.3.3 0 0 0 .25.138h5.255a.3.3 0 0 0 .148-.043a.27.27 0 0 0 .11-.11a.29.29 0 0 0-.005-.297c-1.73-2.867-3.293-5.199-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 .075-.153a.27.27 0 0 0-.02-.168a.27.27 0 0 0-.11-.128a.26.26 0 0 0-.16-.051h-.003Zm0 0"/></svg>

Cara memakai ikon Qwik Wordmark

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

Gambar HTML

<img src="https://iconyz.com/api/public/svg/devicon/qwik-wordmark.svg" alt="Ikon Qwik Wordmark" width="24" height="24">

Ikon terkait di Devicon

Ikon Qwik Wordmark di set ikon lain

FAQ Ikon Qwik Wordmark

Apakah ikon Qwik Wordmark gratis untuk penggunaan komersial?

Ya. Devicon icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Qwik Wordmark di React?

Pasang @iconify/react lalu render <Icon icon="devicon:qwik-wordmark" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Qwik Wordmark ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/devicon/qwik-wordmark.svg" alt="Ikon Qwik Wordmark">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon Devicon →