Kde アイコン
logos:kde
Kde アイコン(logos:kde)は、SVG Logos セットの無料 SVG アイコンです（作者: Gil Barbara）。 256 × 256 のグリッドで描かれています。 SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- SVG Logos
- 作者
- Gil Barbara
- ライセンス
- CC0-1.0
- サイズ
- 256 × 256
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="#1d99f3" d="M256 0v256H0V0z"/><path fill="#fcfcfc" d="m143.025 32.309l-31.88 3.052v131.27l31.543-4.748v-55.968l42.4 62.076l33.239-10.518l-43.416-59.698l43.756-56.308l-33.917-7.798l-42.061 56.305zM70.762 64.298c-.36.037-.708.196-.978.467l-12.512 12.51a1.62 1.62 0 0 0-.238 1.985l14.65 24.127a62.6 62.6 0 0 0-6.17 14.046l-26.893 5.593a1.62 1.62 0 0 0-1.288 1.586v17.693c0 .748.512 1.396 1.233 1.57l26.103 6.38a62.5 62.5 0 0 0 6.4 16.223l-15.109 23.04a1.62 1.62 0 0 0 .211 2.034l12.508 12.51a1.63 1.63 0 0 0 1.989.242l23.676-14.38a62.6 62.6 0 0 0 14.967 6.228l5.524 26.56c.156.753.82 1.288 1.584 1.288h17.694c.744 0 1.393-.508 1.57-1.238l6.507-26.615a62.4 62.4 0 0 0 15.397-6.478l23.332 15.298c.641.423 1.49.338 2.034-.206l12.512-12.51c.53-.529.625-1.347.236-1.984l-8.518-14.037l-2.755.871a.95.95 0 0 1-1.077-.373l-12.449-18.222c-8.387 16.416-25.452 27.66-45.158 27.66c-27.998 0-50.696-22.698-50.696-50.697c0-20.597 12.285-38.31 29.921-46.246V76.144a62.5 62.5 0 0 0-9.26 4.082q-.001-.003-.013-.015L71.816 64.55a1.62 1.62 0 0 0-1.055-.257z"/></svg>Kde アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="logos:kde" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:kde" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:kde" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--kde]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:kde"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:kde"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/logos/kde.svg" alt="Kde アイコン" width="24" height="24">他のアイコンセットの Kde アイコン
Kde アイコン のよくある質問
Kde アイコンは商用利用でも無料ですか?
はい。SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Kde アイコンを使うには?
@iconify/react をインストールして <Icon icon="logos:kde" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Kde アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/logos/kde.svg" alt="Kde アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。