Family Link アイコン

Q: Family Link アイコンは商用利用でも無料ですか?

はい。Material Symbols icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。

material-symbols:family-link

Family Link アイコン(material-symbols:family-link)は、Material Symbols セットの無料 SVG アイコンです（作者: Google）。 24 × 24 のグリッドで描かれています。 Material Symbols icons は Apache 2.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Material Symbols
作者: Google
ライセンス: Apache-2.0
サイズ: 24 × 24
カテゴリ: アクティビティ
タグ: familylink

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M9.75 23q-1.275 0-2.262-.763T6.15 20.276Q6 19.7 5.525 19.35T4.45 19q-.4 0-.75.163t-.6.462L1.575 18.35q.525-.65 1.288-1T4.45 17q1.275 0 2.275.75t1.35 1.975q.15.575.625.925t1.05.35q.475 0 .85-.25t.65-.625l.025-.05l-6.9-9.525q-.2-.275-.288-.575T4 9.375q0-.4.15-.762t.45-.663l6.5-6.375q.275-.275.65-.425T12.5 1t.75.15t.65.425l6.5 6.375q.3.3.45.663t.15.762q0 .3-.088.6t-.287.575L12.5 21.8q-.45.625-1.2.913T9.75 23"/></svg>

Family Link アイコンの使い方

React

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

<Icon icon="material-symbols:family-link" width="24" />

Vue

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

<template>
  <Icon icon="material-symbols:family-link" width="24" />
</template>

Svelte

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

<Icon icon="material-symbols:family-link" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols--family-link]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/material-symbols -->
<div class="i-material-symbols:family-link"></div>

Web コンポーネント

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

<iconify-icon icon="material-symbols:family-link"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/material-symbols/family-link.svg" alt="Family Link アイコン" width="24" height="24">

Material Symbols の関連アイコン

他のアイコンセットの Family Link アイコン

Family Link アイコンのよくある質問

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

はい。Material Symbols icons は Apache 2.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。

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

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

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

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

Material Symbols アイコンをすべて見る →