Editor Link アイコン

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

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

oui:editor-link

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

アイコンセット: OpenSearch UI
作者: OpenSearch Contributors
ライセンス: Apache-2.0
サイズ: 24 × 24
タグ: editorlink

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M7.556 5.051a.45.45 0 0 0 .637.637l1.503-1.504c.432-.431 1.278-.382 1.89.23s.662 1.458.23 1.89L9.519 8.6c-.432.432-1.278.383-1.89-.23a.45.45 0 1 0-.636.637c.914.914 2.33 1.063 3.162.23l2.297-2.297c.833-.833.684-2.248-.23-3.162c-.914-.915-2.33-1.063-3.162-.23zm.888 5.261a.45.45 0 0 0-.637 0l-1.503 1.504c-.432.431-1.278.382-1.89-.23s-.661-1.458-.23-1.89L6.481 7.4c.432-.432 1.278-.383 1.89.23a.45.45 0 0 0 .636-.637c-.914-.914-2.33-1.063-3.162-.23L3.548 9.06c-.833.833-.685 2.248.23 3.162c.914.915 2.33 1.063 3.162.23l1.504-1.503a.45.45 0 0 0 0-.637M7.877 5.76a.4.4 0 0 0 .274-.114l1.503-1.504l-1.503 1.504a.4.4 0 0 1-.274.114m.912 3.183c-.4.003-.843-.172-1.202-.53c.359.358.802.533 1.202.53M12.18 3.82c-.502-.503-1.155-.766-1.773-.76c.618-.006 1.27.257 1.773.76c.898.898 1.034 2.275.23 3.078l-2.297 2.297l2.297-2.297c.804-.803.668-2.18-.23-3.078m-4.062 6.42a.39.39 0 0 1 .284.667L6.898 12.41l1.504-1.503a.39.39 0 0 0-.284-.667m-.926-3.965c.618-.006 1.27.257 1.773.76c-.502-.503-1.155-.766-1.773-.76M5.414 12.15a1.76 1.76 0 0 1-1.042-.522c-.626-.627-.692-1.511-.23-1.974L6.44 7.358L4.142 9.654c-.462.463-.396 1.348.23 1.974c.311.311.687.484 1.042.522"/></svg>

Editor Link アイコンの使い方

React

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

<Icon icon="oui:editor-link" width="24" />

Vue

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

<template>
  <Icon icon="oui:editor-link" width="24" />
</template>

Svelte

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

<Icon icon="oui:editor-link" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="oui:editor-link"></iconify-icon>

HTML 画像

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

OpenSearch UI の関連アイコン

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

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

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

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

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

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

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

OpenSearch UI アイコンをすべて見る →