Square Whatsapp アイコン

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

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

fa7-brands:square-whatsapp

Square Whatsapp アイコン(fa7-brands:square-whatsapp)は、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
タグ: squarewhatsapp

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="640" height="640" viewBox="0 0 640 640"><path fill="currentColor" d="M188.1 318.6c0 24.9 7 49.2 20.2 70.1l3.1 5l-13.3 48.6l49.9-13.1l4.8 2.9c20.2 12 43.4 18.4 67.1 18.4h.1c72.6 0 133.3-59.1 133.3-131.8c0-35.2-15.2-68.3-40.1-93.2c-25-25-58-38.7-93.2-38.7c-72.7 0-131.8 59.1-131.9 131.8M370.8 394c-12.6 1.9-22.4.9-47.5-9.9c-36.8-15.9-61.8-51.5-66.9-58.7c-.4-.6-.7-.9-.8-1.1c-2-2.6-16.2-21.5-16.2-41c0-18.4 9-27.9 13.2-32.3c.3-.3.5-.5.7-.8c3.6-4 7.9-5 10.6-5c2.6 0 5.3 0 7.6.1h.8c2.3 0 5.2 0 8.1 6.8c1.2 2.9 3 7.3 4.9 11.8c3.3 8 6.7 16.3 7.3 17.6c1 2 1.7 4.3.3 6.9c-3.4 6.8-6.9 10.4-9.3 13c-3.1 3.2-4.5 4.7-2.3 8.6c15.3 26.3 30.6 35.4 53.9 47.1c4 2 6.3 1.7 8.6-1c2.3-2.6 9.9-11.6 12.5-15.5c2.6-4 5.3-3.3 8.9-2s23.1 10.9 27.1 12.9c.8.4 1.5.7 2.1 1c2.8 1.4 4.7 2.3 5.5 3.6c.9 1.9.9 9.9-2.4 19.1c-3.3 9.3-19.1 17.7-26.7 18.8M544 160c0-35.3-28.7-64-64-64H160c-35.3 0-64 28.7-64 64v320c0 35.3 28.7 64 64 64h320c35.3 0 64-28.7 64-64zM244.1 457.9L160 480l22.5-82.2c-13.9-24-21.2-51.3-21.2-79.3c.1-87.4 71.2-158.5 158.6-158.5c42.4 0 82.2 16.5 112.2 46.5c29.9 30 47.9 69.8 47.9 112.2c0 87.4-72.7 158.5-160.1 158.5c-26.6 0-52.7-6.7-75.8-19.3"/></svg>

Square Whatsapp アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

Font Awesome Brands の関連アイコン

他のアイコンセットの Square Whatsapp アイコン

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

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

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

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

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

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

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

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