Free Code Camp アイコン
la:free-code-camp
Free Code Camp アイコン(la:free-code-camp)は、Line Awesome セットの無料 SVG アイコンです（作者: Icons8）。 32 × 32 のグリッドで描かれています。 Line Awesome icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Line Awesome
- 作者
- Icons8
- ライセンス
- Apache-2.0
- サイズ
- 32 × 32
- カテゴリ
- その他
- タグ
- freecode、codecamp、freecodecamp
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M6.03 6C4.774 6 1 10.166 1 16.318C1 21.708 4.653 26 6.088 26c.39 0 .912-.427.912-.863c0-.353-.38-.828-1.291-1.825c-.208-.229-.39-.427-.486-.552C3.859 20.977 2.974 18.528 3 15.979c.027-2.621 1.011-5.349 3.064-7.569l.135-.144c.338-.36.801-.852.801-1.342S6.457 6 6.03 6m19.94 0c-.427 0-.97.434-.97.924s.463.983.8 1.342l.136.144c2.053 2.22 3.037 4.948 3.064 7.569c.026 2.549-.859 4.998-2.223 6.78c-.096.126-.278.325-.486.553C25.38 24.31 25 24.785 25 25.137c0 .436.522.863.912.863C27.347 26 31 21.707 31 16.318C31 10.166 27.225 6 25.97 6M13.093 7.025c-.134.033-.215.104-.215.227s.131.205.234.256c.472.287 1.006 1.097 1.006 1.959c0 2.369-2.965 4.522-2.965 6.984c-.01 2.072 1.448 3.724 3.356 4.422c.226.092.625.266.625-.062c0-.134-.112-.143-.215-.184a1.96 1.96 0 0 1-.984-.781c-.421-.616-.514-1.242-.514-1.98c0-1.642 2.268-1.94 2.268-3.59c0-.627-.4-.811-.4-.985c0-.113.04-.113.153-.113c.411 0 .975.676 1.149 1.015c.113.236.123.309.123.565c0 .359-.031.728-.031 1.097c0 1.385 1.63 1.015 1.63.348c0-.307-.183-.593-.183-.89c0-.043 0-.063.04-.063c.175 0 .481.39.563.514c.297.46.442 1.065.442 1.609c0 1.662-1.518 2.512-1.518 2.871c0 .052.153.402.625.104C19.8 19.568 21 17.906 21 15.742c0-1.724-.44-2.964-1.64-4.232c-.206-.216-.843-.873-1.16-.873c-.422 0 .368.953.368 1.6c0 .368-.246.636-.625.636c-.595 0-.75-1.303-.822-1.713c-.297-1.733-.656-2.985-2.379-3.795c-.4-.193-1.25-.437-1.65-.34zM10.002 23c-.557 0-.979.438-.979 1.016c0 .543.44.984.979.984H22.16c.197 0 .84-.074.84-1.016c0-.598-.33-.984-.84-.984z"/></svg>Free Code Camp アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="la:free-code-camp" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="la:free-code-camp" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="la:free-code-camp" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[la--free-code-camp]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/la -->
<div class="i-la:free-code-camp"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="la:free-code-camp"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/la/free-code-camp.svg" alt="Free Code Camp アイコン" width="24" height="24">Line Awesome の関連アイコン
他のアイコンセットの Free Code Camp アイコン
Free Code Camp アイコン のよくある質問
Free Code Camp アイコンは商用利用でも無料ですか?
はい。Line Awesome icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Free Code Camp アイコンを使うには?
@iconify/react をインストールして <Icon icon="la:free-code-camp" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Free Code Camp アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/la/free-code-camp.svg" alt="Free Code Camp アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。