Link Alt アイコン

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

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

mi:link-alt

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

アイコンセット: Mono Icons
作者: Mono
ライセンス: MIT
サイズ: 24 × 24
タグ: linkalt

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M16.2 6a1 1 0 0 1 1-1c.637 0 1.262.128 1.871.372c.663.265 1.173.658 1.636 1.12c.463.464.856.974 1.121 1.637c.244.609.372 1.234.372 1.871s-.128 1.262-.372 1.871c-.261.655-.648 1.16-1.104 1.619l-.984 1.083l-.033.034l-3.2 3.2c-.463.463-.973.856-1.636 1.122A5 5 0 0 1 13 19.3a5 5 0 0 1-1.871-.372c-.663-.265-1.173-.658-1.636-1.12c-.463-.464-.856-.974-1.121-1.637A5.2 5.2 0 0 1 8 14.2c0-.637.128-1.262.372-1.871c.265-.663.658-1.173 1.12-1.636l1.1-1.1a1 1 0 1 1 1.415 1.414l-1.1 1.1c-.337.337-.544.627-.678.964A3 3 0 0 0 10 14.2c0 .476.077.85.229 1.229c.134.337.341.627.678.964s.627.544.964.678c.391.157.766.229 1.129.229s.738-.072 1.129-.229c.337-.134.627-.341.964-.678l3.183-3.183l.984-1.083l.033-.034c.337-.337.544-.627.678-.964c.157-.391.229-.766.229-1.129s-.072-.738-.229-1.129c-.134-.337-.341-.627-.678-.964s-.627-.544-.964-.679A3 3 0 0 0 17.2 7a1 1 0 0 1-1-1m-4.9 1.5c-.363 0-.738.072-1.129.228c-.337.135-.627.342-.964.68L5.924 11.69l-.984 1.083l-.033.034c-.337.337-.544.627-.679.964A3 3 0 0 0 4 14.9c0 .363.072.738.228 1.129c.135.337.342.627.68.964c.336.337.626.544.963.679c.391.156.766.228 1.129.228a1 1 0 1 1 0 2a5 5 0 0 1-1.871-.371c-.663-.266-1.173-.659-1.636-1.122s-.856-.973-1.121-1.636A5 5 0 0 1 2 14.9c0-.637.128-1.262.372-1.871c.261-.655.648-1.16 1.104-1.619l.984-1.083l.033-.034l3.3-3.3c.463-.463.973-.856 1.636-1.121A5 5 0 0 1 11.3 5.5c.637 0 1.262.128 1.871.372c.663.265 1.173.658 1.636 1.12c.463.464.856.974 1.121 1.637c.244.609.372 1.234.372 1.871s-.128 1.262-.372 1.871c-.262.655-.649 1.162-1.105 1.62l-1.086 1.185a1 1 0 0 1-1.474-1.352l1.1-1.2l.03-.031c.337-.337.544-.627.678-.964c.157-.391.229-.766.229-1.129s-.072-.738-.229-1.129c-.134-.337-.341-.627-.678-.964s-.627-.544-.964-.679A3 3 0 0 0 11.3 7.5"/></svg>

Link Alt アイコンの使い方

React

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

<Icon icon="mi:link-alt" width="24" />

Vue

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

<template>
  <Icon icon="mi:link-alt" width="24" />
</template>

Svelte

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

<Icon icon="mi:link-alt" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[mi--link-alt]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/mi -->
<div class="i-mi:link-alt"></div>

Web コンポーネント

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

<iconify-icon icon="mi:link-alt"></iconify-icon>

HTML 画像

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

Mono Icons の関連アイコン

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

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

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

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

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

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

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

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

Mono Icons をすべて見る →