Down Left And Up Right To Center アイコン
fa7-solid:down-left-and-up-right-to-center
Down Left And Up Right To Center アイコン(fa7-solid:down-left-and-up-right-to-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
- タグ
- downleft、leftand、andup、upright、rightto、tocenter
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="640" height="640" viewBox="0 0 640 640"><path fill="currentColor" d="M503.5 71c9.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.2S514.2 304 504.5 304h-144c-13.3 0-24-10.7-24-24V136c0-9.7 5.8-18.5 14.8-22.2s19.3-1.7 26.2 5.2l39 39zm-367 265h144c13.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.2s12.4-14.9 22.1-14.9"/></svg>Down Left And Up Right To Center アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fa7-solid:down-left-and-up-right-to-center" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fa7-solid:down-left-and-up-right-to-center" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fa7-solid:down-left-and-up-right-to-center" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fa7-solid--down-left-and-up-right-to-center]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fa7-solid -->
<div class="i-fa7-solid:down-left-and-up-right-to-center"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fa7-solid:down-left-and-up-right-to-center"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/fa7-solid/down-left-and-up-right-to-center.svg" alt="Down Left And Up Right To Center アイコン" width="24" height="24">Font Awesome Solid の関連アイコン
他のアイコンセットの Down Left And Up Right To Center アイコン
Down Left And Up Right To Center アイコン のよくある質問
Down Left And Up Right To Center アイコンは商用利用でも無料ですか?
はい。Font Awesome Solid icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Down Left And Up Right To Center アイコンを使うには?
@iconify/react をインストールして <Icon icon="fa7-solid:down-left-and-up-right-to-center" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Down Left And Up Right To Center アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fa7-solid/down-left-and-up-right-to-center.svg" alt="Down Left And Up Right To Center アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。