Edge Legacy アイコン
fa-brands:edge-legacy
Edge Legacy アイコン(fa-brands:edge-legacy)は、Font Awesome 5 Brands セットの無料 SVG アイコンです（作者: Dave Gandy）。 512 × 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
- サイズ
- 512 × 512
- タグ
- edgelegacy
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="m25.71 228.16l.35-.48c0 .16 0 .32-.07.48Zm460.58 15.51c0-44-7.76-84.46-28.81-122.4C416.5 47.88 343.91 8 258.89 8C119 7.72 40.62 113.21 26.06 227.68c42.42-61.31 117.07-121.38 220.37-125c0 0 109.67 0 99.42 105H170c6.37-37.39 18.55-59 34.34-78.93c-75.05 34.9-121.85 96.1-120.75 188.32c.83 71.45 50.13 144.84 120.75 172c83.35 31.84 192.77 7.2 240.13-21.33V363.31c-80.87 56.49-270.87 60.92-272.26-67.57h314.08z"/></svg>Edge Legacy アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fa-brands:edge-legacy" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fa-brands:edge-legacy" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fa-brands:edge-legacy" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fa-brands--edge-legacy]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fa-brands -->
<div class="i-fa-brands:edge-legacy"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fa-brands:edge-legacy"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/fa-brands/edge-legacy.svg" alt="Edge Legacy アイコン" width="24" height="24">Font Awesome 5 Brands の関連アイコン
他のアイコンセットの Edge Legacy アイコン
Edge Legacy アイコン のよくある質問
Edge Legacy アイコンは商用利用でも無料ですか?
はい。Font Awesome 5 Brands icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Edge Legacy アイコンを使うには?
@iconify/react をインストールして <Icon icon="fa-brands:edge-legacy" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Edge Legacy アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fa-brands/edge-legacy.svg" alt="Edge Legacy アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。