Kde Connect アイコン
thesvg-color:kde-connect
Kde Connect アイコン(thesvg-color:kde-connect)は、theSVG Color セットの無料 SVG アイコンです（作者: thesvg.org）。 32 × 32 のグリッドで描かれています。 theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- theSVG Color
- 作者
- thesvg.org
- ライセンス
- MIT
- サイズ
- 32 × 32
- タグ
- kdeconnect
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><defs><linearGradient id="SVGNuAofdZn" x2="0" y1="545.798" y2="517.798" gradientTransform="matrix(8.71458 0 0 9.23253 -3261.094 -4952.587)" gradientUnits="userSpaceOnUse" href="#SVGzHlIcbtN"/><linearGradient id="SVGzHlIcbtN"><stop stop-color="#2a2c2f"/><stop offset="1" stop-color="#424649"/></linearGradient><linearGradient id="SVGqutY7cXS" x1="393.571" x2="407.571" y1="524.798" y2="538.798" gradientTransform="matrix(8.71458 0 0 9.23253 -3261.094 -4952.587)" gradientUnits="userSpaceOnUse" href="#SVGIDpiAbup"/><linearGradient id="SVGIDpiAbup"><stop stop-color="#292c2f"/><stop offset="1" stop-opacity="0"/></linearGradient><linearGradient id="SVGb3gZz14w" x2="0" y1="543.798" y2="518.798" gradientTransform="matrix(7.95678 0 0 8.8311 -2954.89 -4734.694)" gradientUnits="userSpaceOnUse" href="#SVG6YfJdcgx"/><linearGradient id="SVG6YfJdcgx"><stop stop-color="#c6cdd1"/><stop offset="1" stop-color="#e0e5e7"/></linearGradient></defs><g transform="translate(-10.496 20.93)scale(.11534)"><rect width="139.433" height="258.511" x="160" y="-172" fill="url(#SVGNuAofdZn)" ry="7.386"/><path fill="url(#SVGqutY7cXS)" fill-rule="evenodd" d="M290.718-144.302L168.714 58.814l26.144 27.697h104.575v-221.58Z" opacity=".2"/><path fill="url(#SVGb3gZz14w)" d="M168.714-144.302h122.004V58.814H168.714z"/><rect width="52.287" height="9.233" x="203.573" y="-162.767" fill="#212324" ry="3.735"/><path fill="#333" d="M200.083-75.836c-.187.027-.388.073-.528.211l-6.491 6.491a.83.83 0 0 0-.108 1.023l7.585 12.524a32.3 32.3 0 0 0-3.21 7.267l-13.936 2.893a.87.87 0 0 0-.67.847v9.172c0 .388.294.72.67.812l13.512 3.28a32.7 32.7 0 0 0 3.316 8.432l-7.832 11.925a.84.84 0 0 0 .108 1.058l6.492 6.491a.83.83 0 0 0 1.022.108l12.277-7.443a32.5 32.5 0 0 0 7.762 3.245l2.857 13.76c.083.388.415.67.812.67h9.172a.83.83 0 0 0 .812-.636l3.387-13.83a32.3 32.3 0 0 0 7.973-3.35l12.1 7.937a.846.846 0 0 0 1.06-.108l6.455-6.491a.83.83 0 0 0 .142-1.023l-4.41-7.267l-1.447.459a.54.54 0 0 1-.565-.213s-2.786-4.097-6.42-9.42c-4.348 8.508-13.214 14.324-23.426 14.324c-14.51 0-26.283-11.772-26.283-26.283c0-10.673 6.383-19.84 15.523-23.954V-69.7a32.3 32.3 0 0 0-4.798 2.117c-.003-.002.003-.037 0-.037l-12.383-8.114c-.166-.108-.342-.126-.528-.108zm37.431-16.582l-16.51 1.588v68.018l16.334-2.47v-29l21.979 32.175l17.216-5.468l-22.508-30.94l22.684-29.175l-17.569-4.022l-21.802 29.176z"/></g></svg>Kde Connect アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:kde-connect" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:kde-connect" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:kde-connect" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--kde-connect]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:kde-connect"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:kde-connect"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/thesvg-color/kde-connect.svg" alt="Kde Connect アイコン" width="24" height="24">theSVG Color の関連アイコン
他のアイコンセットの Kde Connect アイコン
Kde Connect アイコン のよくある質問
Kde Connect アイコンは商用利用でも無料ですか?
はい。theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Kde Connect アイコンを使うには?
@iconify/react をインストールして <Icon icon="thesvg-color:kde-connect" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Kde Connect アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg-color/kde-connect.svg" alt="Kde Connect アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。