Link One icon
icon-park:link-one
The Link One icon (icon-park:link-one) is a free SVG icon from the IconPark set by ByteDance. It is drawn on a 48 × 48 grid. IconPark icons are released under the Apache 2.0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- IconPark
- Author
- ByteDance
- License
- Apache-2.0
- Size
- 48 × 48
- Category
- Edit
- Tags
- linkone
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path d="M26.2401 16.373L17.1001 7.23303C14.4388 4.57168 10.0653 4.6303 7.33158 7.36397C4.59791 10.0976 4.53929 14.4712 7.20064 17.1325L15.1359 25.0678"/><path d="M32.9027 23.0031L40.838 30.9384C43.4994 33.5998 43.4407 37.9733 40.7071 40.707C37.9734 43.4407 33.5999 43.4993 30.9385 40.8379L21.7985 31.6979"/><path d="M26.1093 26.1416C28.843 23.4079 28.9016 19.0344 26.2403 16.373"/><path d="M21.7989 21.7984C19.0652 24.5321 19.0066 28.9056 21.6679 31.5669"/></g></svg>
How to use the Link One icon
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:link-one" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:link-one" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:link-one" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--link-one]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:link-one"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:link-one"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/icon-park/link-one.svg" alt="Link One icon" width="24" height="24">
Related icons in IconPark
Link One icon in other icon sets
Link One icon FAQ
Is the Link One icon free for commercial use?
Yes. IconPark icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.
How do I use the Link One icon in React?
Install @iconify/react and render <Icon icon="icon-park:link-one" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Link One icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/icon-park/link-one.svg" alt="Link One icon">, or paste the SVG code inline to style it with CSS.
Browse all IconPark icons →
ICONYZ
