Free Code Camp アイコン
fa7-brands:free-code-camp
Free Code Camp アイコン(fa7-brands:free-code-camp)は、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
- タグ
- freecode、codecamp、freecodecamp
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="640" height="640" viewBox="0 0 640 640"><path fill="currentColor" d="M129.4 160.2c10.4-10.6 16-17.1 16-21.9c0-2.8-1.9-5.5-3.8-7.4c-2.4-1.8-5.4-2.8-8.4-2.8c-8.5 0-20.9 8.8-35.8 25.7c-41.5 47.3-62.7 93.1-61.8 160.6s17.4 116.9 54 161.8c18.8 23.6 33.2 35.8 43.5 35.8c3.2-.3 6.1-1.6 8.4-3.8c1.9-2.8 3.8-5.6 3.8-8.4c0-5.6-3.9-12.2-13.2-20.6c-44.5-42.3-67.3-97-67.5-165c-.2-61.4 21.6-112.4 64.8-154m142.2 323.9l.9.6zm93.8.6l.2-.1c-.2.1-.3.2-.2.1m3.1-158.2c-16.2-4.2 50.4-82.9-68.1-177.2c0 0 15.5 49.4-62.8 159.6c-74.3 104.4 23.5 168.7 34 175.2c-6.7-4.3-47.4-35.7 9.6-128.6c11-18.3 25.5-34.9 43.5-72.2c0 0 15.9 22.4 7.6 71.1c-12.5 73.6 53.8 52.5 54.8 53.5c22.8 26.8-17.7 73.5-21.6 76.6c5.5-3.7 117.7-78 33-188.1c-6 6-13.8 34.2-30 30.1M543 153.7c-14.9-16.9-27.4-25.7-35.9-25.7c-3 .1-5.9 1.1-8.4 2.8c-1.9 1.9-3.8 4.7-3.8 7.4c0 4.8 5.6 11.3 16 21.9c43.2 41.6 65 92.6 64.8 154.1c-.2 68-23 122.6-67.5 165c-9.3 8.4-13.2 14.9-13.2 20.6c0 2.7 1.9 5.6 3.8 8.4c2.3 2.2 5.2 3.6 8.4 3.8c10.3 0 24.7-12.1 43.5-35.8c36.6-44.9 53.1-94.4 54.1-161.9S584.5 201 543 153.7"/></svg>Free Code Camp アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fa7-brands:free-code-camp" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fa7-brands:free-code-camp" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fa7-brands:free-code-camp" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fa7-brands--free-code-camp]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fa7-brands -->
<div class="i-fa7-brands:free-code-camp"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fa7-brands:free-code-camp"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/fa7-brands/free-code-camp.svg" alt="Free Code Camp アイコン" width="24" height="24">Font Awesome Brands の関連アイコン
他のアイコンセットの Free Code Camp アイコン
Free Code Camp アイコン のよくある質問
Free Code Camp アイコンは商用利用でも無料ですか?
はい。Font Awesome Brands icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Free Code Camp アイコンを使うには?
@iconify/react をインストールして <Icon icon="fa7-brands:free-code-camp" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Free Code Camp アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fa7-brands/free-code-camp.svg" alt="Free Code Camp アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。