First Order Alt アイコン
fa-brands:first-order-alt
First Order Alt アイコン(fa-brands:first-order-alt)は、Font Awesome 5 Brands セットの無料 SVG アイコンです（作者: Dave Gandy）。 496 × 512 のグリッドで描かれています。 Font Awesome 5 Brands icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Font Awesome 5 Brands
- 作者
- Dave Gandy
- ライセンス
- CC-BY-4.0
- サイズ
- 496 × 512
- タグ
- firstorder、orderalt、firstorderalt
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="496" height="512" viewBox="0 0 496 512"><path fill="currentColor" d="M248 8C111.03 8 0 119.03 0 256s111.03 248 248 248s248-111.03 248-248S384.97 8 248 8m0 488.21C115.34 496.21 7.79 388.66 7.79 256S115.34 15.79 248 15.79S488.21 123.34 488.21 256S380.66 496.21 248 496.21m0-459.92C126.66 36.29 28.29 134.66 28.29 256S126.66 475.71 248 475.71S467.71 377.34 467.71 256S369.34 36.29 248 36.29m0 431.22c-116.81 0-211.51-94.69-211.51-211.51S131.19 44.49 248 44.49S459.51 139.19 459.51 256S364.81 467.51 248 467.51m186.23-162.98a191.6 191.6 0 0 1-20.13 48.69l-74.13-35.88l61.48 54.82a193.5 193.5 0 0 1-37.2 37.29l-54.8-61.57l35.88 74.27a191 191 0 0 1-48.63 20.23l-27.29-78.47l4.79 82.93c-8.61 1.18-17.4 1.8-26.33 1.8s-17.72-.62-26.33-1.8l4.76-82.46l-27.15 78.03a191.4 191.4 0 0 1-48.65-20.2l35.93-74.34l-54.87 61.64a194 194 0 0 1-37.22-37.28l61.59-54.9l-74.26 35.93a191.6 191.6 0 0 1-20.14-48.69l77.84-27.11l-82.23 4.76c-1.16-8.57-1.78-17.32-1.78-26.21c0-9 .63-17.84 1.82-26.51l82.38 4.77l-77.94-27.16a191.7 191.7 0 0 1 20.23-48.67l74.22 35.92l-61.52-54.86a194 194 0 0 1 37.28-37.22l54.76 61.53l-35.83-74.17a191.5 191.5 0 0 1 48.65-20.13l26.87 77.25l-4.71-81.61c8.61-1.18 17.39-1.8 26.32-1.8s17.71.62 26.32 1.8l-4.74 82.16l27.05-77.76c17.27 4.5 33.6 11.35 48.63 20.17l-35.82 74.12l54.72-61.47a193 193 0 0 1 37.24 37.23l-61.45 54.77l74.12-35.86a191.5 191.5 0 0 1 20.2 48.65l-77.81 27.1l82.24-4.75c1.19 8.66 1.82 17.5 1.82 26.49c0 8.88-.61 17.63-1.78 26.19l-82.12-4.75z"/></svg>First Order Alt アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fa-brands:first-order-alt" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fa-brands:first-order-alt" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fa-brands:first-order-alt" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fa-brands--first-order-alt]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fa-brands -->
<div class="i-fa-brands:first-order-alt"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fa-brands:first-order-alt"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/fa-brands/first-order-alt.svg" alt="First Order Alt アイコン" width="24" height="24">Font Awesome 5 Brands の関連アイコン
他のアイコンセットの First Order Alt アイコン
First Order Alt アイコン のよくある質問
First Order Alt アイコンは商用利用でも無料ですか?
はい。Font Awesome 5 Brands icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で First Order Alt アイコンを使うには?
@iconify/react をインストールして <Icon icon="fa-brands:first-order-alt" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
First Order Alt アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fa-brands/first-order-alt.svg" alt="First Order Alt アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。