Square Deskpro アイコン

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

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

fa7-brands:square-deskpro

Square Deskpro アイコン(fa7-brands:square-deskpro)は、Font Awesome Brands セットの無料 SVG アイコンです（作者: Dave Gandy）。 640 × 640 のグリッドで描かれています。 Font Awesome Brands icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Font Awesome Brands
作者: Dave Gandy
ライセンス: CC-BY-4.0
サイズ: 640 × 640
タグ: squaredeskpro

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="640" height="640" viewBox="0 0 640 640"><path fill="currentColor" d="M504.8 96c21.6 0 39.2 17.6 39.2 39.2v369.6c0 21.6-17.6 39.2-39.2 39.2H135.2c-21.6 0-39.2-17.6-39.2-39.2V135.2c0-21.6 17.6-39.2 39.2-39.2zM206.9 338.1v114.4l89.1-.1c20.6 0 39.4-3.2 56.3-9.5s31.3-15.4 43.2-27c12.2-11.9 21.6-26 28.2-42.1c4.6-11.1 7.7-23 9.2-35.7h-43.8c-1.1 6.4-2.8 12.4-5.1 18.2c-4.2 10.9-10.3 20.3-18.2 28.2c-7.9 7.7-17.4 13.7-28.6 17.9c-11.1 4.3-23.5 6.4-37.3 6.4h-50v-70.6l-43 .1zm0-151.4v114.4l43-.1v-70.7h50c13.7 0 26.2 2.1 37.3 6.4s20.6 10.3 28.6 18.3c7.9 7.7 14 17.1 18.2 28.2c2.3 5.6 4 11.5 5.1 17.8l43.9.1c-1.4-12.6-4.4-24.4-8.9-35.3c-6.6-16.4-16-30.5-28.1-42.2c-12.1-11.9-26.7-21.1-43.6-27.5s-35.7-9.5-56.3-9.5l-89 .1z"/></svg>

Square Deskpro アイコンの使い方

React

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

<Icon icon="fa7-brands:square-deskpro" width="24" />

Vue

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

<template>
  <Icon icon="fa7-brands:square-deskpro" width="24" />
</template>

Svelte

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

<Icon icon="fa7-brands:square-deskpro" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fa7-brands--square-deskpro]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fa7-brands -->
<div class="i-fa7-brands:square-deskpro"></div>

Web コンポーネント

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

<iconify-icon icon="fa7-brands:square-deskpro"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/fa7-brands/square-deskpro.svg" alt="Square Deskpro アイコン" width="24" height="24">

Font Awesome Brands の関連アイコン

Square Deskpro アイコンのよくある質問

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

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

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

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

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

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

Font Awesome Brands アイコンをすべて見る →