Ksuite Kpaste アイコン

Q: Ksuite Kpaste アイコンは商用利用でも無料ですか?

はい。selfh.st/icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

selfhst:ksuite-kpaste

Ksuite Kpaste アイコン(selfhst:ksuite-kpaste)は、selfh.st/icons セットの無料 SVG アイコンです（作者: selfh.st）。 512 × 512 のグリッドで描かれています。 selfh.st/icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: selfh.st/icons
作者: selfh.st
ライセンス: CC-BY-4.0
サイズ: 512 × 512
タグ: ksuitekpaste

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#ffa200" fill-rule="evenodd" d="M142.3 27.8c0-18.7 18.5-32.1 36.8-26.6l312.8 94.2c11.9 3.4 20 14.3 20.1 26.6v261.8c0 18.7-18.5 32.1-36.8 26.6l-312.8-94.2c-11.9-3.4-20-14.3-20.1-26.6z" opacity=".275"/><path fill="#fca50d" fill-rule="evenodd" d="M71.2 72.4c0-18.7 18.5-32.1 36.8-26.6L420.8 140c11.9 3.4 20 14.3 20.1 26.6v261.8c0 18.7-18.5 32.1-36.8 26.6L91.2 360.8c-11.9-3.4-20-14.3-20.1-26.6V72.4z" opacity=".676"/><path fill="#fca000" d="M349.6 195.6L36.8 101.4C18.5 95.9 0 109.3 0 128v262.1c.1 12.2 8.1 22.9 19.7 26.5l41.8 13.2c4.6 16.9 9 43.1 2.4 67.4c-9.4 34 56-14.9 65.9-45.9l12.5 3.9l106.6 30.4l84.1 25.1c18.3 5.5 36.7-7.9 36.7-26.6V222.2c-.1-12.3-8.2-23.1-20.1-26.6"/><path fill="#fff" fill-rule="evenodd" d="m247.6 221.6l26.1 8c2.4.7 4.3 3.3 4.3 5.7v26c0 1-.4 2-1.3 2.7l-11.2 7.8l4.4 17.1c.9 3.5-.2 6.7-2.7 8.1s-6.2.8-9.3-1.5l-12.6-9.6l-6.3 4.4l3.1 21.9c.4 3.1-.7 5.8-3 7s-5.4.9-8.3-.9L214 307.4l-20.1 13.9c13.1 32.6 3.8 63.7-22.1 73.7s-60.9-3.9-83.2-33s-25.4-65-7.4-85.4s51.9-19.2 80.6 2.6l82.8-57.3c.8-.6 1.9-.7 3-.3M132 355.6c11.5 0 20.8-9.3 20.9-20.8c0-11.5-9.3-20.8-20.8-20.9c-11.5 0-20.8 9.3-20.8 20.8c-.1 11.5 9.2 20.9 20.7 20.9"/></svg>

Ksuite Kpaste アイコンの使い方

React

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

<Icon icon="selfhst:ksuite-kpaste" width="24" />

Vue

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

<template>
  <Icon icon="selfhst:ksuite-kpaste" width="24" />
</template>

Svelte

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

<Icon icon="selfhst:ksuite-kpaste" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--ksuite-kpaste]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:ksuite-kpaste"></div>

Web コンポーネント

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

<iconify-icon icon="selfhst:ksuite-kpaste"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/selfhst/ksuite-kpaste.svg" alt="Ksuite Kpaste アイコン" width="24" height="24">

selfh.st/icons の関連アイコン

Ksuite Kpaste アイコンのよくある質問

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

はい。selfh.st/icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

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

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

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

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

selfh.st/icons をすべて見る →