Joint アイコン
la:joint
Joint アイコン(la:joint)は、Line Awesome セットの無料 SVG アイコンです(作者: Icons8)。 32 × 32 のグリッドで描かれています。 Line Awesome icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Line Awesome
- 作者
- Icons8
- ライセンス
- Apache-2.0
- サイズ
- 32 × 32
- カテゴリ
- 医療
- タグ
- joint solid
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M14.906 3.992c-.361.361-.624.8-.935 1.483c-.312.682-.593 1.543-.596 2.498s.327 2.034 1.188 2.857c.86.823 2.157 1.366 3.986 1.6c1.525.194 2.522.464 3.08.799c.558.334.79.669.97 1.488l1.954-.432c-.26-1.18-.9-2.175-1.895-2.771c-.994-.597-2.228-.861-3.855-1.069c-1.558-.198-2.413-.635-2.858-1.06c-.444-.426-.572-.862-.57-1.406c.002-.545.186-1.171.416-1.674c.23-.504.584-.954.53-.899zm5.524.32v2c.62 0 1.443.077 2.052.422c.61.346 1.115.874 1.239 2.336l.076.916h.92c.516 0 1.597.167 2.13.633c.267.233.448.502.51 1.026c.063.523-.03 1.328-.502 2.474l1.85.762c.558-1.358.756-2.493.639-3.473a3.6 3.6 0 0 0-1.182-2.295c-.91-.795-1.904-.977-2.709-1.045c-.346-1.445-1.053-2.546-1.984-3.074c-1.122-.635-2.297-.681-3.04-.681zM30 16L2 17v6l28 1zm-2 2.072v3.856l-2-.073v-3.71zm-4 .143v3.57l-2-.072v-3.426zm-4 .142v3.286L4 21.07v-2.14z"/></svg>Joint アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="la:joint" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="la:joint" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="la:joint" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[la--joint]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/la -->
<div class="i-la:joint"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="la:joint"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/la/joint.svg" alt="Joint アイコン" width="24" height="24">他のアイコンセットの Joint アイコン
Joint アイコン のよくある質問
Joint アイコンは商用利用でも無料ですか?
はい。Line Awesome icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Joint アイコンを使うには?
@iconify/react をインストールして <Icon icon="la:joint" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Joint アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/la/joint.svg" alt="Joint アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。