2k アイコン

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

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

thesvg:2k

2k アイコン(thesvg:2k)は、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="M0 .002v23.997h24V.002zm10.962 5.592c2.36 0 4.443.416 3.799 2.423c-.434 1.365-2.017 1.918-3.114 2.109l-2.757.489c-.655.114-1.039.277-1.3.549h6.012l-.818 2.529l3.446-2.529h3.755l-4.091 2.772l2.07 4.402h-3.766l-1.082-2.754l-1.197.826l-.619 1.928H8.471l1.718-5.374h-6.25C4.874 10.2 6.891 9.36 8.731 8.989l2.264-.457c.387-.07.64-.259.736-.557c.136-.416-.32-.581-.994-.581c-.784 0-1.604.074-1.984 1.005H5.646c1.009-2.474 3.483-2.805 5.316-2.805"/></svg>

2k アイコンの使い方

React

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

<Icon icon="thesvg:2k" width="24" />

Vue

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

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

Svelte

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

<Icon icon="thesvg:2k" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="thesvg:2k"></iconify-icon>

HTML 画像

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

他のアイコンセットの 2k アイコン

2k アイコンのよくある質問

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

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

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

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

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

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

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