Icône Deeplink
icon-park:deeplink
L'icône Deeplink (icon-park:deeplink) est une icône SVG gratuite de la collection IconPark par ByteDance. Elle est dessinée sur une grille de 48 × 48. Les IconPark 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
- IconPark
- Auteur
- ByteDance
- Licence
- Apache-2.0
- Taille
- 48 × 48
- Catégorie
- Édition
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none"><path stroke="#000" stroke-linecap="round" stroke-width="4" d="M21 34.9929C21 35.8067 21 36.471 21 36.9857C21 37.8714 21 39.2 21 40.9714C21 41.5395 20.5772 42 20.0556 42H4.94444C4.42284 42 4 41.5395 4 40.9714V7.02857C4 6.46051 4.42284 6 4.94444 6H20.0556C20.5772 6 21 6.46051 21 7.02857C21 8.8 21 10.1286 21 11.0143C21 11.529 21 12.1933 21 13.0071"/><path stroke="#000" stroke-linecap="round" stroke-width="4" d="M27 13.0071C27 12.1933 27 11.529 27 11.0143C27 10.1286 27 8.8 27 7.02857C27 6.46051 27.4228 6 27.9444 6H43.0556C43.5772 6 44 6.46051 44 7.02857V40.9714C44 41.5395 43.5772 42 43.0556 42H27.9444C27.4228 42 27 41.5395 27 40.9714C27 39.2 27 37.8714 27 36.9857C27 36.471 27 35.8067 27 34.9929"/><path fill="#000" d="M12.5 38C13.6046 38 14.5 37.1046 14.5 36C14.5 34.8954 13.6046 34 12.5 34C11.3954 34 10.5 34.8954 10.5 36C10.5 37.1046 11.3954 38 12.5 38Z"/><path fill="#000" d="M35.5 38C36.6046 38 37.5 37.1046 37.5 36C37.5 34.8954 36.6046 34 35.5 34C34.3954 34 33.5 34.8954 33.5 36C33.5 37.1046 34.3954 38 35.5 38Z"/><path stroke="#000" stroke-linecap="round" stroke-width="4" d="M16 23.5H32"/><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M27.2231 28.2729L28.8141 26.682L31.9961 23.5L28.8141 20.318L27.2231 18.727"/></g></svg>Comment utiliser l'icône Deeplink
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:deeplink" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:deeplink" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:deeplink" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--deeplink]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:deeplink"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:deeplink"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/icon-park/deeplink.svg" alt="Icône Deeplink" width="24" height="24">L'icône Deeplink dans d'autres collections
FAQ : Icône Deeplink
L'icône Deeplink est-elle gratuite pour un usage commercial ?
Oui. Les IconPark 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 Deeplink dans React ?
Installez @iconify/react et affichez <Icon icon="icon-park:deeplink" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Deeplink à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/icon-park/deeplink.svg" alt="Icône Deeplink">, ou collez le code SVG directement dans la page pour le styliser en CSS.