link break 1 icon
link-break-1 from Radix Icons by WorkOS · Outline · MIT Free for personal and commercial use.
- Name
- link-break-1
- Set
- Radix Icons
- Style
- Outline
- Viewbox
- 15×15
- License
- MIT
Related icons in Radix Icons
Use the link break 1 icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 15 15"><path fill="currentColor" d="M12.646 1.646a.5.5 0 0 1 .707.707l-11 11a.5.5 0 0 1-.707-.707zm-.226 2.7a2.91 2.91 0 0 1 1.521 1.984l.035.232c.025.246.024.538.024.938s.001.692-.024.937l-.035.233c-.225 1.087-1.065 1.938-2.142 2.225l-.218.05c-.3.057-.649.055-1.206.055H9.5a.5.5 0 0 1 0-1h.875c.603 0 .835-.002 1.018-.037l.149-.034c.73-.195 1.275-.765 1.42-1.462l.021-.14C13 8.166 13 7.936 13 7.5s-.001-.667-.017-.826l-.021-.14a1.93 1.93 0 0 0-1.302-1.428zM5.5 4a.5.5 0 0 1 0 1h-.875c-.453 0-.697.001-.867.016l-.152.021c-.753.144-1.337.679-1.534 1.358l-.034.138C2.003 6.703 2 6.917 2 7.5c0 .582.003.798.038.967l.034.137a1.95 1.95 0 0 0 1.266 1.29l-.76.758a2.92 2.92 0 0 1-1.467-1.768l-.053-.214C.998 8.375 1 8.033 1 7.5s-.003-.875.058-1.17l.053-.214c.306-1.054 1.201-1.85 2.308-2.061l.236-.033C3.905 4 4.207 4 4.625 4z"/></svg>
React
import type { SVGProps } from "react";
export function RadixIconsLinkBreak1(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 15 15"><path fill="currentColor" d="M12.646 1.646a.5.5 0 0 1 .707.707l-11 11a.5.5 0 0 1-.707-.707zm-.226 2.7a2.91 2.91 0 0 1 1.521 1.984l.035.232c.025.246.024.538.024.938s.001.692-.024.937l-.035.233c-.225 1.087-1.065 1.938-2.142 2.225l-.218.05c-.3.057-.649.055-1.206.055H9.5a.5.5 0 0 1 0-1h.875c.603 0 .835-.002 1.018-.037l.149-.034c.73-.195 1.275-.765 1.42-1.462l.021-.14C13 8.166 13 7.936 13 7.5s-.001-.667-.017-.826l-.021-.14a1.93 1.93 0 0 0-1.302-1.428zM5.5 4a.5.5 0 0 1 0 1h-.875c-.453 0-.697.001-.867.016l-.152.021c-.753.144-1.337.679-1.534 1.358l-.034.138C2.003 6.703 2 6.917 2 7.5c0 .582.003.798.038.967l.034.137a1.95 1.95 0 0 0 1.266 1.29l-.76.758a2.92 2.92 0 0 1-1.467-1.768l-.053-.214C.998 8.375 1 8.033 1 7.5s-.003-.875.058-1.17l.053-.214c.306-1.054 1.201-1.85 2.308-2.061l.236-.033C3.905 4 4.207 4 4.625 4z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 15 15"><path fill="currentColor" d="M12.646 1.646a.5.5 0 0 1 .707.707l-11 11a.5.5 0 0 1-.707-.707zm-.226 2.7a2.91 2.91 0 0 1 1.521 1.984l.035.232c.025.246.024.538.024.938s.001.692-.024.937l-.035.233c-.225 1.087-1.065 1.938-2.142 2.225l-.218.05c-.3.057-.649.055-1.206.055H9.5a.5.5 0 0 1 0-1h.875c.603 0 .835-.002 1.018-.037l.149-.034c.73-.195 1.275-.765 1.42-1.462l.021-.14C13 8.166 13 7.936 13 7.5s-.001-.667-.017-.826l-.021-.14a1.93 1.93 0 0 0-1.302-1.428zM5.5 4a.5.5 0 0 1 0 1h-.875c-.453 0-.697.001-.867.016l-.152.021c-.753.144-1.337.679-1.534 1.358l-.034.138C2.003 6.703 2 6.917 2 7.5c0 .582.003.798.038.967l.034.137a1.95 1.95 0 0 0 1.266 1.29l-.76.758a2.92 2.92 0 0 1-1.467-1.768l-.053-.214C.998 8.375 1 8.033 1 7.5s-.003-.875.058-1.17l.053-.214c.306-1.054 1.201-1.85 2.308-2.061l.236-.033C3.905 4 4.207 4 4.625 4z"/></svg> </template>
CSS
.icon-link-break-1 {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2015%2015%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12.646%201.646a.5.5%200%200%201%20.707.707l-11%2011a.5.5%200%200%201-.707-.707zm-.226%202.7a2.91%202.91%200%200%201%201.521%201.984l.035.232c.025.246.024.538.024.938s.001.692-.024.937l-.035.233c-.225%201.087-1.065%201.938-2.142%202.225l-.218.05c-.3.057-.649.055-1.206.055H9.5a.5.5%200%200%201%200-1h.875c.603%200%20.835-.002%201.018-.037l.149-.034c.73-.195%201.275-.765%201.42-1.462l.021-.14C13%208.166%2013%207.936%2013%207.5s-.001-.667-.017-.826l-.021-.14a1.93%201.93%200%200%200-1.302-1.428zM5.5%204a.5.5%200%200%201%200%201h-.875c-.453%200-.697.001-.867.016l-.152.021c-.753.144-1.337.679-1.534%201.358l-.034.138C2.003%206.703%202%206.917%202%207.5c0%20.582.003.798.038.967l.034.137a1.95%201.95%200%200%200%201.266%201.29l-.76.758a2.92%202.92%200%200%201-1.467-1.768l-.053-.214C.998%208.375%201%208.033%201%207.5s-.003-.875.058-1.17l.053-.214c.306-1.054%201.201-1.85%202.308-2.061l.236-.033C3.905%204%204.207%204%204.625%204z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2015%2015%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12.646%201.646a.5.5%200%200%201%20.707.707l-11%2011a.5.5%200%200%201-.707-.707zm-.226%202.7a2.91%202.91%200%200%201%201.521%201.984l.035.232c.025.246.024.538.024.938s.001.692-.024.937l-.035.233c-.225%201.087-1.065%201.938-2.142%202.225l-.218.05c-.3.057-.649.055-1.206.055H9.5a.5.5%200%200%201%200-1h.875c.603%200%20.835-.002%201.018-.037l.149-.034c.73-.195%201.275-.765%201.42-1.462l.021-.14C13%208.166%2013%207.936%2013%207.5s-.001-.667-.017-.826l-.021-.14a1.93%201.93%200%200%200-1.302-1.428zM5.5%204a.5.5%200%200%201%200%201h-.875c-.453%200-.697.001-.867.016l-.152.021c-.753.144-1.337.679-1.534%201.358l-.034.138C2.003%206.703%202%206.917%202%207.5c0%20.582.003.798.038.967l.034.137a1.95%201.95%200%200%200%201.266%201.29l-.76.758a2.92%202.92%200%200%201-1.467-1.768l-.053-.214C.998%208.375%201%208.033%201%207.5s-.003-.875.058-1.17l.053-.214c.306-1.054%201.201-1.85%202.308-2.061l.236-.033C3.905%204%204.207%204%204.625%204z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/radix-icons/link-break-1.svg?color=%231a73e8&size=48
