Screenpal アイコン

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

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

fa7-brands:screenpal

Screenpal アイコン(fa7-brands:screenpal)は、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

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="640" height="640" viewBox="0 0 640 640"><path fill="currentColor" d="M342.6 86.5c0 12.4-10.1 22.5-22.5 22.5s-22.5-10.1-22.5-22.5S307.7 64 320.1 64s22.5 10.1 22.5 22.5M262.7 323c0-31.7 25.7-57.4 57.4-57.4s57.4 25.7 57.4 57.4s-25.7 57.4-57.4 57.4s-57.4-25.7-57.4-57.4m138.6 91c22.3-19.9 36.5-47.3 39.9-77h119.5c-3.5 61.4-30.4 119.2-75.2 161.4c-44.7 42.2-103.9 65.8-165.4 65.8s-120.7-23.6-165.4-65.8c-44.8-42.2-71.6-100-75.2-161.4h119.7c3.4 29.7 17.6 57.1 39.9 77s51.2 30.9 81.1 30.9c29 0 58.7-11 81.1-30.9m-309-208.3c-.4-12.4 9.4-22.8 21.8-23.2s22.8 9.4 23.2 21.8s-9.4 22.8-21.8 23.2s-22.8-9.4-23.2-21.8m455.6-.7c0 12.4-10.1 22.5-22.4 22.5c-12.4 0-22.5-10.1-22.5-22.5s10.1-22.4 22.5-22.4c12.3 0 22.4 10 22.4 22.4M382 159.3c-17.3 13.8-39.2 22.8-61.9 22.8s-44.6-9-61.9-22.8a95.34 95.34 0 0 1-32.4-57.5c15.1-6.4 30.8-11.3 46.9-14.5c0 12.6 5 24.6 13.9 33.5s20.9 13.9 33.5 13.9s24.6-5 33.5-13.9s13.9-20.9 13.9-33.5c16.1 3.2 31.8 8.1 46.9 14.5a95.34 95.34 0 0 1-32.4 57.5M146.9 295c-21.4 7.6-44.7 7.4-65.9-.6c2-16.3 5.6-32.3 10.8-47.9c5.4 3.1 11.3 5.1 17.5 6c6.2.8 12.4.4 18.5-1.2c6-1.7 11.6-4.4 16.6-8.2s9.1-8.5 12.2-13.9s5.1-11.4 6-17.5c.8-6.2.4-12.5-1.2-18.5s-4.4-11.6-8.2-16.6c-3.8-4.9-8.5-9.1-13.9-12.2c10.8-12.3 22.9-23.5 36-33.3c17.6 14.3 29.5 34.5 33.6 56.8s.1 45.4-11.2 65c-11.4 19.6-29.4 34.5-50.7 42.1zm346.4.1c-21.3-7.6-39.3-22.6-50.7-42.2c-11.3-19.6-15.2-42.7-11.1-65c4.1-22.2 16-42.4 33.5-56.7c13.1 9.8 25.2 21 36 33.3c-10.7 6.4-18.4 16.7-21.5 28.8c-3.2 12-2.3 24.8 4.8 35.6c6.2 10.8 16.4 18.7 28.4 22s24.9 1.7 35.7-4.3c5.3 15.5 8.9 31.6 10.9 47.8c-22.1 8.1-44.6 8.3-66 .7"/></svg>

Screenpal アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="fa7-brands:screenpal"></iconify-icon>

HTML 画像

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

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

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

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

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

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

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

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

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

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