Bezier Curve アイコン
fa-solid:bezier-curve
Bezier Curve アイコン(fa-solid:bezier-curve)は、Font Awesome 5 Solid セットの無料 SVG アイコンです（作者: Dave Gandy）。 640 × 512 のグリッドで描かれています。 Font Awesome 5 Solid icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Font Awesome 5 Solid
- 作者
- Dave Gandy
- ライセンス
- CC-BY-4.0
- サイズ
- 640 × 512
- カテゴリ
- デザイン
- タグ
- beziercurve
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="640" height="512" viewBox="0 0 640 512"><path fill="currentColor" d="M368 32h-96c-17.67 0-32 14.33-32 32v96c0 17.67 14.33 32 32 32h96c17.67 0 32-14.33 32-32V64c0-17.67-14.33-32-32-32M208 88h-84.75C113.75 64.56 90.84 48 64 48C28.66 48 0 76.65 0 112s28.66 64 64 64c26.84 0 49.75-16.56 59.25-40h79.73c-55.37 32.52-95.86 87.32-109.54 152h49.4c11.3-41.61 36.77-77.21 71.04-101.56c-3.7-8.08-5.88-16.99-5.88-26.44zm-48 232H64c-17.67 0-32 14.33-32 32v96c0 17.67 14.33 32 32 32h96c17.67 0 32-14.33 32-32v-96c0-17.67-14.33-32-32-32M576 48c-26.84 0-49.75 16.56-59.25 40H432v72c0 9.45-2.19 18.36-5.88 26.44c34.27 24.35 59.74 59.95 71.04 101.56h49.4c-13.68-64.68-54.17-119.48-109.54-152h79.73c9.5 23.44 32.41 40 59.25 40c35.34 0 64-28.65 64-64s-28.66-64-64-64m0 272h-96c-17.67 0-32 14.33-32 32v96c0 17.67 14.33 32 32 32h96c17.67 0 32-14.33 32-32v-96c0-17.67-14.33-32-32-32"/></svg>
Bezier Curve アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fa-solid:bezier-curve" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fa-solid:bezier-curve" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fa-solid:bezier-curve" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fa-solid--bezier-curve]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fa-solid -->
<div class="i-fa-solid:bezier-curve"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fa-solid:bezier-curve"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fa-solid/bezier-curve.svg" alt="Bezier Curve アイコン" width="24" height="24">
他のアイコンセットの Bezier Curve アイコン
Bezier Curve アイコン のよくある質問
Bezier Curve アイコンは商用利用でも無料ですか?
はい。Font Awesome 5 Solid icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Bezier Curve アイコンを使うには?
@iconify/react をインストールして <Icon icon="fa-solid:bezier-curve" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Bezier Curve アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fa-solid/bezier-curve.svg" alt="Bezier Curve アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Font Awesome 5 Solid アイコン をすべて見る →
ICONYZ
