W3c アイコン
fa7-brands:w3c
W3c アイコン(fa7-brands:w3c)は、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 xmlns="http://www.w3.org/2000/svg" width="640" height="640" viewBox="0 0 640 640"><path fill="currentColor" d="m105.2 369.3l30.9-104.7c7.9-26.7 8.6-40.6.2-68.8l-10.1-33.9h44.1l61 207.4L277 213.8c13.3-45.3 21.1-51.9 59.4-51.9h132.8c-24.2 42.9-49.3 85.2-73.9 127.9c2.6.8 5.2 1.8 7.7 2.8c17.3 7.1 32.2 19.4 42 35.5c11.2 18.5 16.8 40.2 16.8 65.2c0 30.8-8.2 56.8-24.6 77.8c-14.5 18.6-35 29.5-58.2 31.2c0 .3-5.2.4-5.8.4c-39.7-.1-70.8-32.1-83.1-68.7H333c3.5 5.3 6.8 10.7 11.2 15.5c8.1 7.3 18.5 10.9 29.3 11.1c13.1 0 23.3-9.1 29.9-19.8c8.1-13.2 12.2-29 12.2-47.5c0-13.1-1.8-24.3-5.3-33.6q-1.35-3.45-3-6.6c-1.4-2.6-2.9-5.1-4.7-7.4c-10.1-13.2-29.3-19.7-47.5-19.8h-28.2l70.3-122h-35.6c-43.1 0-35.9-5.4-50.4 43.3l-75.7 255.3h-4.2l-63.1-211.1l-63.1 211.1h-4.2L-.1 161.8h44.2l61 207.4zM467 399.7c.3.6 11.3 20.3 18.3 30.3c7.1 10.1 19.8 20.9 24.8 24.6s19.1 12.5 34.3 13.9c15.2 1.5 23.3.2 38.7-6.6s27.9-20.4 34.9-28.1c6.9-7.6 17.9-27.3 18.2-27.7l3.3 16.8c1.7 9-1 23.7-4.1 30c-4.3 8.6-7.6 13.5-14 20.3c-6.1 6.5-16.7 13.5-21.3 16.4S577 504.7 550 499.9s-44.7-25.9-53.9-38.2c-9.8-13.2-16.7-28.3-19-33.2c-3.8-8.4-9.9-28.2-10.1-28.8m169.7-218c3.3 20.3-.1 28.7-9.1 46l-12.7 24.2c-.3-.6-10-20.7-25.9-31.9c-13.6-9.6-22.5-11.7-36.3-8.8c-17.8 3.7-38 25-46.8 51.2c-10.5 31.4-10.7 46.6-11 60.6c-.6 22.4 2.9 35.6 2.9 35.6s-15.4-28.5-15.2-70.1c.1-29.7 4.8-56.7 18.5-83.3c12.1-23.4 30.1-37.4 46.1-39.1c16.5-1.7 29.6 6.3 39.7 14.9c10.6 9 21.3 28.8 21.3 28.8l24.9-49.8l3.6 21.8z"/></svg>W3c アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fa7-brands:w3c" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fa7-brands:w3c" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fa7-brands:w3c" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fa7-brands--w3c]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fa7-brands -->
<div class="i-fa7-brands:w3c"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fa7-brands:w3c"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/fa7-brands/w3c.svg" alt="W3c アイコン" width="24" height="24">他のアイコンセットの W3c アイコン
W3c アイコン のよくある質問
W3c アイコンは商用利用でも無料ですか?
はい。Font Awesome Brands icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で W3c アイコンを使うには?
@iconify/react をインストールして <Icon icon="fa7-brands:w3c" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
W3c アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fa7-brands/w3c.svg" alt="W3c アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。