Kodi アイコン

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

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

selfhst:kodi

Kodi アイコン(selfhst:kodi)は、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

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#17b2e7" d="M512 260.2c-1.6 5.4-5.3 9.3-9.1 13.1c-26 25.9-51.9 51.8-77.8 77.8c-9.3 9.4-19.3 9.3-28.7-.1c-26.7-26.8-53.5-53.5-80.2-80.3c-9.1-9.1-9.1-19.1 0-28.2c26.9-26.9 53.8-53.8 80.7-80.8c8.8-8.8 19-8.8 27.8 0c26.1 26.1 52.1 52.2 78.2 78.2c3.9 3.9 7.5 7.8 9.1 13.2zM254.2 511c-5.3-1.7-9.2-5.4-13-9.3c-25.9-26-51.8-51.9-77.7-77.8c-9.3-9.3-9.3-19.2 0-28.5c26.8-26.8 53.6-53.7 80.5-80.5c8.9-8.9 19.1-9 28-.1c26.8 26.8 53.6 53.7 80.5 80.5c9.2 9.2 9.2 19.3.1 28.5c-26.1 26.2-52.3 52.3-78.4 78.5c-3.7 3.7-7.6 7.1-12.8 8.6c-2.5.1-4.9.1-7.2.1m-94.1-318.6c0-29.8.3-59.7-.2-89.5c-.1-8.6 1.9-15.4 8.5-21.1c5.3-4.6 10-9.9 15-14.9c19.7-19.7 39.3-39.4 59-59c9.3-9.3 19.2-9.2 28.5 0c26.8 26.8 53.5 53.5 80.2 80.3c9.2 9.2 9.2 19.3 0 28.5c-31.6 31.7-63.3 63.3-94.9 95c-27.9 28-55.9 55.9-83.8 83.9c-5.2 5.2-9.8 4-11.6-3.2c-.6-2.2-.6-4.6-.6-6.9c-.1-31.1-.1-62.1-.1-93.1m-64 64.7c0 27.4 0 54.8-.1 82.2c0 2.6-.4 5.4-1.4 7.8c-1.8 4.8-5.3 5.3-8.8 1.8c-12.6-12.6-25.2-25.2-37.7-37.8C33.6 296.5 19 282 4.5 267.4c-6-6-6-14.4 0-20.4c26.7-27.1 53.5-54.1 80.3-81.1c1.8-1.8 3.4-4.2 6.4-3.1c2.9 1.1 4 3.7 4.4 6.6c.3 1.8.5 3.6.5 5.4z"/></svg>

Kodi アイコンの使い方

React

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

<Icon icon="selfhst:kodi" width="24" />

Vue

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

<template>
  <Icon icon="selfhst:kodi" width="24" />
</template>

Svelte

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

<Icon icon="selfhst:kodi" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="selfhst:kodi"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/selfhst/kodi.svg" alt="Kodi アイコン" width="24" height="24">

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

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

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

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

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

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

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

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

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

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