ICONYZ
日本語
theSVG の Kueski アイコン

Kueski アイコン

thesvg:kueski

Kueski アイコン(thesvg:kueski)は、theSVG セットの無料 SVG アイコンです(作者: thesvg.org)。 24 × 24 のグリッドで描かれています。 theSVG icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
theSVG
作者
thesvg.org
ライセンス
MIT
サイズ
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="M19.403 7.989h-4.142c.029-1.022.506-1.33 1.48-1.95l2.294-1.47a2.16 2.16 0 0 0 1.048-1.776V.609c0-.62-.45-.787-1.038-.407l-3.043 1.962c-1.088.706-1.72 1.493-2.007 2.463c-.194-1.02-.982-1.976-1.977-2.478L9.007.643C8.416.357 7.966.43 7.96 1.046L7.954 3.23a1.88 1.88 0 0 0 1.038 1.668l2.263 1.12c.933.47 1.47.648 1.491 1.97H4.592a.67.67 0 0 0-.674.667v2.665a.68.68 0 0 0 .2.472a.67.67 0 0 0 .474.193h14.811a.67.67 0 0 0 .678-.665V8.655a.66.66 0 0 0-.2-.474a.67.67 0 0 0-.478-.192m0 0h-4.142c.029-1.022.506-1.33 1.48-1.95l2.294-1.47a2.16 2.16 0 0 0 1.048-1.776V.609c0-.62-.45-.787-1.038-.407l-3.043 1.962c-1.088.706-1.72 1.493-2.007 2.463c-.194-1.02-.982-1.976-1.977-2.478L9.007.643C8.416.357 7.966.43 7.96 1.046L7.954 3.23a1.88 1.88 0 0 0 1.038 1.668l2.263 1.12c.933.47 1.47.648 1.491 1.97H4.592a.67.67 0 0 0-.674.667v2.665a.68.68 0 0 0 .2.472a.67.67 0 0 0 .474.193h14.811a.67.67 0 0 0 .678-.665V8.655a.66.66 0 0 0-.2-.474a.67.67 0 0 0-.478-.192m-.007 5.903c0 .343-.657 6.288-.968 9.195c-.09.857-.955.913-1.188.913H7.244c-1.04 0-1.411-.456-1.512-1c-.106-.572-.658-6.161-.934-8.108l-.096-.967c0-.482.339-.896.81-.896h13.021a.87.87 0 0 1 .8.537a.9.9 0 0 1 .063.332z"/></svg>

Kueski アイコンの使い方

React

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

<Icon icon="thesvg:kueski" width="24" />

Vue

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

<template>
  <Icon icon="thesvg:kueski" width="24" />
</template>

Svelte

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

<Icon icon="thesvg:kueski" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg--kueski]"></span>

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="thesvg:kueski"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/thesvg/kueski.svg" alt="Kueski アイコン" width="24" height="24">

他のアイコンセットの Kueski アイコン

Kueski アイコン のよくある質問

Kueski アイコンは商用利用でも無料ですか?

はい。theSVG icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

React で Kueski アイコンを使うには?

@iconify/react をインストールして <Icon icon="thesvg:kueski" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Kueski アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg/kueski.svg" alt="Kueski アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

theSVG アイコン をすべて見る →