Qwik アイコン
thesvg-color:qwik
Qwik アイコン(thesvg-color:qwik)は、theSVG Color セットの無料 SVG アイコンです（作者: thesvg.org）。 256 × 274 のグリッドで描かれています。 theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- theSVG Color
- 作者
- thesvg.org
- ライセンス
- MIT
- サイズ
- 256 × 274
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="274" viewBox="0 0 256 274"><defs><linearGradient id="SVGRABFEeIk" x1="22.347%" x2="77.517%" y1="49.545%" y2="50.388%"><stop offset="0%" stop-color="#4340c4"/><stop offset="12%" stop-color="#4642c8"/><stop offset="100%" stop-color="#594ee4"/></linearGradient><linearGradient id="SVGJLoUDeYs" x1="38.874%" x2="60.879%" y1="49.845%" y2="50.385%"><stop offset="0%" stop-color="#4340c4"/><stop offset="74%" stop-color="#534adb"/><stop offset="100%" stop-color="#594ee4"/></linearGradient><linearGradient id="SVGanAA4cta" x1="-.004%" x2="100.123%" y1="49.529%" y2="50.223%"><stop offset="0%" stop-color="#4340c4"/><stop offset="23%" stop-color="#4340c4"/><stop offset="60%" stop-color="#4f48d5"/><stop offset="100%" stop-color="#594ee4"/></linearGradient><linearGradient id="SVGbZnRfbDC" x1="35.4%" x2="64.895%" y1="49.459%" y2="50.085%"><stop offset="0%" stop-color="#0080ff"/><stop offset="100%" stop-color="#00b9ff"/></linearGradient><linearGradient id="SVG7tHtndby" x1="-.243%" x2="100.411%" y1="49.366%" y2="50.467%"><stop offset="0%" stop-color="#0080ff"/><stop offset="17%" stop-color="#008bff"/><stop offset="47%" stop-color="#00a7ff"/><stop offset="63%" stop-color="#00b9ff"/><stop offset="100%" stop-color="#00b9ff"/></linearGradient><linearGradient id="SVGDCOdqbqX" x1="-.125%" x2="100.225%" y1="49.627%" y2="50.101%"><stop offset="0%" stop-color="#00b9ff"/><stop offset="30%" stop-color="#0080ff"/><stop offset="60%" stop-color="#2d67f1"/><stop offset="86%" stop-color="#4d55e8"/><stop offset="100%" stop-color="#594ee4"/></linearGradient><linearGradient id="SVGbhb3vbAn" x1="4.557%" x2="99.354%" y1="50.184%" y2="51.298%"><stop offset="0%" stop-color="#4340c4"/><stop offset="12%" stop-color="#4642c8"/><stop offset="100%" stop-color="#594ee4"/></linearGradient></defs><path fill="url(#SVGRABFEeIk)" d="m175.051 236.859l25.162-15.071l49.298-86.929l-76.287 89.097z"/><path fill="url(#SVGJLoUDeYs)" d="m242.337 80.408l-4.926-9.4l-1.932-3.663l-.2.196l-25.818-47.015C202.984 8.65 190.631 1.231 177.01 1.074l-25.074.206L188.15 114.8l-23.958 23.331l8.924 86.245l73.769-84.021c10.005-11.587 11.97-28.09 4.92-41.646l-9.466-18.302z"/><path fill="url(#SVGanAA4cta)" d="m201.113 72.256l-43.18-70.907L83.41.003C70.165-.15 57.83 6.573 50.88 17.87L7.01 101.747l34.443-33.334L84.701 8.356l97.894 112.153l18.3-18.626c8.397-8.142 5.54-19.558.22-29.625z"/><path fill="url(#SVGbZnRfbDC)" d="M97.784 95.26L84.522 8.796l-73.148 88.03c-12.328 11.935-14.897 30.662-6.419 45.49l42.98 74.727c6.553 11.464 18.755 18.577 32.024 18.729l42.945.49L71.46 119.607z"/><path fill="url(#SVG7tHtndby)" d="M173.227 223.9L71.38 119.022l-13.196 12.59c-10.812 10.248-11.106 27.332-.728 37.921l43.99 66.384l70.65.907l1.127-12.926h.003Z"/><path fill="url(#SVGDCOdqbqX)" d="m101.584 235.903l72.292-11.599l47.704 49.464z"/><path fill="url(#SVGbhb3vbAn)" d="m173.111 224.483l27.168-3.457l24.096 49.915c1.06 2.06-1.719 3.977-3.373 2.302l-47.89-48.76Z"/><path fill="#fff" d="M182.708 120.058L84.681 8.601l12.502 85.958L71.16 118.78l101.772 105.372l-7.595-85.905l17.371-18.192z"/></svg>Qwik アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:qwik" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:qwik" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:qwik" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--qwik]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:qwik"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:qwik"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/thesvg-color/qwik.svg" alt="Qwik アイコン" width="24" height="24">theSVG Color の関連アイコン
他のアイコンセットの Qwik アイコン
Qwik アイコン のよくある質問
Qwik アイコンは商用利用でも無料ですか?
はい。theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Qwik アイコンを使うには?
@iconify/react をインストールして <Icon icon="thesvg-color:qwik" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Qwik アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg-color/qwik.svg" alt="Qwik アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。