Icône Editor Link

oui:editor-link

L'icône Editor Link (oui:editor-link) est une icône SVG gratuite de la collection OpenSearch UI par OpenSearch Contributors. Elle est dessinée sur une grille de 24 × 24. Les OpenSearch UI icons sont publiées sous la licence Apache 2.0, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.

Collection: OpenSearch UI
Auteur: OpenSearch Contributors
Licence: Apache-2.0
Taille: 24 × 24
Mots-clés: editorlink

Télécharger le SVG

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

Comment utiliser l'icône 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 component

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

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

Image HTML

<img src="https://iconyz.com/api/public/svg/oui/editor-link.svg" alt="Icône Editor Link" width="24" height="24">

Icônes similaires dans OpenSearch UI

FAQ : Icône Editor Link

L'icône Editor Link est-elle gratuite pour un usage commercial ?

Oui. Les OpenSearch UI icons sont publiées sous la licence Apache 2.0, qui autorise leur utilisation dans des projets personnels et commerciaux.

Comment utiliser l'icône Editor Link dans React ?

Installez @iconify/react et affichez <Icon icon="oui:editor-link" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.

Comment ajouter l'icône Editor Link à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/oui/editor-link.svg" alt="Icône Editor Link">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Icônes OpenSearch UI →