ICONYZ
日本語
theSVG Color の Sftpgo アイコン

Sftpgo アイコン

thesvg-color:sftpgo

Sftpgo アイコン(thesvg-color:sftpgo)は、theSVG Color セットの無料 SVG アイコンです(作者: thesvg.org)。 512 × 512 のグリッドで描かれています。 theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
theSVG Color
作者
thesvg.org
ライセンス
MIT
サイズ
512 × 512
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#fec866" d="M502.6 85.2c0-4.9-1-10-2.5-14.7C495 54.5 479.6 44 462 44H262.5c-12.8 0-23.3-4.8-31.5-14.5c-3.1-3.7-5.9-7.6-8.6-11.5c-8.7-12.6-20.8-18-35.8-18H50.9C26.9 0 9.3 17.5 9.3 41.5c0 96.5 0 193.1.1 289.6c0 4.3.5 8.7 1.7 12.8c5 17.9 20.4 29.2 39.2 29.3h183c1.6 0 3.2.1 4.8.1h35.8c1.6 0 3.2-.1 4.8-.1h182c3.2 0 6.4-.2 9.5-.8c19.7-4.2 32.5-20 32.5-40.1c0-82.4.1-164.8-.1-247.1"/><path fill="#656766" d="M365.6 445h-91.7v-71.7h-35.8V445h-91.8c-9.9 0-17.9 8-17.9 17.9s8 17.9 17.9 17.9h219.3c9.9 0 17.9-8 17.9-17.9s-8-17.9-17.9-17.9"/><circle cx="255" cy="462.5" r="49.5" fill="#eb6e62"/></svg>

Sftpgo アイコンの使い方

React

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

<Icon icon="thesvg-color:sftpgo" width="24" />

Vue

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

<template>
  <Icon icon="thesvg-color:sftpgo" width="24" />
</template>

Svelte

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

<Icon icon="thesvg-color:sftpgo" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="thesvg-color:sftpgo"></iconify-icon>

HTML 画像

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

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

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

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

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

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

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

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

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

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