Up Right And Down Left From Center アイコン
fa7-solid:up-right-and-down-left-from-center
Up Right And Down Left From Center アイコン(fa7-solid:up-right-and-down-left-from-center)は、Font Awesome Solid セットの無料 SVG アイコンです（作者: Dave Gandy）。 640 × 640 のグリッドで描かれています。 Font Awesome Solid icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Font Awesome Solid
- 作者
- Dave Gandy
- ライセンス
- CC-BY-4.0
- サイズ
- 640 × 640
- タグ
- upright、rightand、anddown、downleft、leftfrom、fromcenter
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="640" height="640" viewBox="0 0 640 640"><path fill="currentColor" d="M408 64h144c13.3 0 24 10.7 24 24v144c0 9.7-5.8 18.5-14.8 22.2s-19.3 1.7-26.2-5.2l-39-39l-87 87c-9.4 9.4-24.6 9.4-33.9 0l-32-32c-9.4-9.4-9.4-24.6 0-33.9l87-87l-39-39c-6.9-6.9-8.9-17.2-5.2-26.2S398.3 64 408 64M232 576H88c-13.3 0-24-10.7-24-24V408c0-9.7 5.8-18.5 14.8-22.2s19.3-1.6 26.2 5.2l39 39l87-87c9.4-9.4 24.6-9.4 33.9 0l32 32c9.4 9.4 9.4 24.6 0 33.9l-87 87l39 39c6.9 6.9 8.9 17.2 5.2 26.2S241.7 576 232 576"/></svg>
Up Right And Down Left From Center アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fa7-solid:up-right-and-down-left-from-center" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fa7-solid:up-right-and-down-left-from-center" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fa7-solid:up-right-and-down-left-from-center" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fa7-solid--up-right-and-down-left-from-center]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fa7-solid -->
<div class="i-fa7-solid:up-right-and-down-left-from-center"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fa7-solid:up-right-and-down-left-from-center"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fa7-solid/up-right-and-down-left-from-center.svg" alt="Up Right And Down Left From Center アイコン" width="24" height="24">
Font Awesome Solid の関連アイコン
他のアイコンセットの Up Right And Down Left From Center アイコン
Up Right And Down Left From Center アイコン のよくある質問
Up Right And Down Left From Center アイコンは商用利用でも無料ですか?
はい。Font Awesome Solid icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Up Right And Down Left From Center アイコンを使うには?
@iconify/react をインストールして <Icon icon="fa7-solid:up-right-and-down-left-from-center" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Up Right And Down Left From Center アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fa7-solid/up-right-and-down-left-from-center.svg" alt="Up Right And Down Left From Center アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Font Awesome Solid アイコン をすべて見る →
ICONYZ
