Иконка Editor Link

oui:editor-link

Иконка Editor Link (oui:editor-link) — бесплатная SVG-иконка из набора OpenSearch UI от 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>

Веб-компонент

<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">

Вопросы и ответы: Иконка Editor Link

Можно ли бесплатно использовать иконку Editor Link в коммерческих проектах?

Да. OpenSearch UI icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Editor Link в React?

Установите @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">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки OpenSearch UI →