ICONYZ
日本語
OOUI の Un Link アイコン

Un Link アイコン

ooui:un-link

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

アイコンセット
OOUI
作者
OOUI Team
ライセンス
MIT
サイズ
20 × 20
タグ
unlink
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path fill="currentColor" d="m19.254 17.84l-1.414 1.414l-5.59-5.59l-.277.07a4.35 4.35 0 0 1-4.002-1.175l-.707-.707l1.535-1.64l-1.432-1.43q-.045.038-.088.08L4.353 11.81a2.726 2.726 0 0 0 3.842 3.867l.046-.046l.715-.7l1.4 1.43l-.761.744A4.726 4.726 0 0 1 2.934 10.4L5.86 7.453l.09-.088l-5.08-5.08L2.285.871zm-8.85-14.944A4.725 4.725 0 0 1 17.065 9.6l-1.606 1.616l-1.414-1.414l1.601-1.612a2.726 2.726 0 0 0-3.842-3.867l-.047.045l-.714.7l-1.4-1.428l.714-.7l.047-.045Z"/></svg>

Un Link アイコンの使い方

React

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

<Icon icon="ooui:un-link" width="24" />

Vue

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

<template>
  <Icon icon="ooui:un-link" width="24" />
</template>

Svelte

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

<Icon icon="ooui:un-link" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="ooui:un-link"></iconify-icon>

HTML 画像

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

OOUI の関連アイコン

un-block アイコン
un-block
 un-flag-ltr アイコン
un-flag-ltr
 un-flag-rtl アイコン
un-flag-rtl
 un-lock アイコン
un-lock
 un-star アイコン
un-star
 underline-a アイコン
underline-a
 underline-u アイコン
underline-u
 undo-ltr アイコン
undo-ltr
 undo-rtl アイコン
undo-rtl
 universal-design アイコン
universal-design

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

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

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

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

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

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

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

OOUI アイコン をすべて見る →