ICONYZ
日本語
Font Awesome 5 Solid の Joint アイコン

Joint アイコン

fa-solid:joint

Joint アイコン(fa-solid:joint)は、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
カテゴリ
医療、薬局
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="640" height="512" viewBox="0 0 640 512"><path fill="currentColor" d="M444.34 181.1c22.38 15.68 35.66 41.16 35.66 68.59V280c0 4.42 3.58 8 8 8h48c4.42 0 8-3.58 8-8v-30.31c0-43.24-21.01-83.41-56.34-108.06C463.85 125.02 448 99.34 448 70.31V8c0-4.42-3.58-8-8-8h-48c-4.42 0-8 3.58-8 8v66.4c0 43.69 24.56 81.63 60.34 106.7M194.97 358.98C126.03 370.07 59.69 394.69 0 432c83.65 52.28 180.3 80 278.94 80h88.57L254.79 380.49c-14.74-17.2-37.45-25.11-59.82-21.51M553.28 87.09c-5.67-3.8-9.28-9.96-9.28-16.78V8c0-4.42-3.58-8-8-8h-48c-4.42 0-8 3.58-8 8v62.31c0 22.02 10.17 43.41 28.64 55.39C550.79 153.04 576 199.54 576 249.69V280c0 4.42 3.58 8 8 8h48c4.42 0 8-3.58 8-8v-30.31c0-65.44-32.41-126.19-86.72-162.6M360.89 352.05c-34.4.06-86.81.15-88.21.17l117.8 137.43A63.99 63.99 0 0 0 439.07 512h88.45L409.57 374.4a63.96 63.96 0 0 0-48.68-22.35M616 352H432l117.99 137.65A63.99 63.99 0 0 0 598.58 512H616c13.25 0 24-10.75 24-24V376c0-13.26-10.75-24-24-24"/></svg>

Joint アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="fa-solid:joint" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="fa-solid:joint" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="fa-solid:joint" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fa-solid--joint]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fa-solid -->
<div class="i-fa-solid:joint"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="fa-solid:joint"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/fa-solid/joint.svg" alt="Joint アイコン" width="24" height="24">

他のアイコンセットの Joint アイコン

Joint アイコン のよくある質問

Joint アイコンは商用利用でも無料ですか?

はい。Font Awesome 5 Solid icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

React で Joint アイコンを使うには?

@iconify/react をインストールして <Icon icon="fa-solid:joint" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Joint アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fa-solid/joint.svg" alt="Joint アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Font Awesome 5 Solid アイコン をすべて見る →