Link Round Angle Broken icon

solar:link-round-angle-broken

The Link Round Angle Broken icon (solar:link-round-angle-broken) is a free SVG icon from the Solar set by 480 Design. It is drawn on a 24 × 24 grid. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Solar
Author: 480 Design
License: CC-BY-4.0
Size: 24 × 24
Category: Text Formatting
Tags: linkround, roundangle, anglebroken, linkroundanglebroken

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5"><path d="M12.7917 15.7991L14.2223 14.3676C16.5926 11.9959 16.5926 8.15054 14.2223 5.7788C11.8521 3.40707 8.0091 3.40707 5.63885 5.7788L2.77769 8.64174C0.407436 11.0135 0.407436 14.8588 2.77769 17.2306C3.87688 18.3304 5.29279 18.9202 6.73165 19"/><path d="M21.2223 15.3583C23.5926 12.9865 23.5926 9.14118 21.2223 6.76945C20.1231 5.66957 18.7072 5.07976 17.2683 5M18.3612 18.2212C15.9909 20.5929 12.1479 20.5929 9.77769 18.2212C7.40744 15.8495 7.40744 12.0041 9.77769 9.63239L11.2083 8.20092"/></g></svg>

How to use the Link Round Angle Broken icon

React

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

<Icon icon="solar:link-round-angle-broken" width="24" />

Vue

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

<template>
  <Icon icon="solar:link-round-angle-broken" width="24" />
</template>

Svelte

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

<Icon icon="solar:link-round-angle-broken" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--link-round-angle-broken]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:link-round-angle-broken"></div>

Web component

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

<iconify-icon icon="solar:link-round-angle-broken"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/solar/link-round-angle-broken.svg" alt="Link Round Angle Broken icon" width="24" height="24">

Related icons in Solar

Link Round Angle Broken icon FAQ

Is the Link Round Angle Broken icon free for commercial use?

Yes. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.

How do I use the Link Round Angle Broken icon in React?

Install @iconify/react and render <Icon icon="solar:link-round-angle-broken" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Link Round Angle Broken icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/solar/link-round-angle-broken.svg" alt="Link Round Angle Broken icon">, or paste the SVG code inline to style it with CSS.

Browse all Solar icons →