link circle icon
link-circle-outline from Solar by 480 Design · Outline · Text Formatting · CC-BY-4.0 Attribution required.
- Name
- link-circle-outline
- Set
- Solar
- Style
- Outline
- Category
- Text Formatting
- Viewbox
- 24×24
- License
- CC BY 4.0
5 other variants in Solar
The same icon in other sets
More text formatting icons from Solar
backspace-bolderaser-bolderaser-circle-bolderaser-square-boldlink-boldlink-broken-bold-duotonelink-minimalistic-2-boldlink-minimalistic-boldlink-round-angle-boldlink-round-boldlink-square-boldparagraph-spacing-boldquote-boldquote-circle-boldquote-square-boldtext-bold-boldtext-bold-circle-boldtext-bold-square-boldtext-circle-boldtext-cross-boldtext-cross-circle-boldtext-cross-square-boldtext-field-boldtext-field-focus-bold
Use the link circle icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M2.75 12C2.75 9.10051 5.10051 6.75 8 6.75C8.41421 6.75 8.75 6.41421 8.75 6C8.75 5.58579 8.41421 5.25 8 5.25C4.27208 5.25 1.25 8.27208 1.25 12C1.25 15.7279 4.27208 18.75 8 18.75C11.7279 18.75 14.75 15.7279 14.75 12C14.75 11.5858 14.4142 11.25 14 11.25C13.5858 11.25 13.25 11.5858 13.25 12C13.25 14.8995 10.8995 17.25 8 17.25C5.10051 17.25 2.75 14.8995 2.75 12Z"/><path d="M21.25 12C21.25 14.8995 18.8995 17.25 16 17.25C15.5858 17.25 15.25 17.5858 15.25 18C15.25 18.4142 15.5858 18.75 16 18.75C19.7279 18.75 22.75 15.7279 22.75 12C22.75 8.27208 19.7279 5.25 16 5.25C12.2721 5.25 9.25 8.27208 9.25 12C9.25 12.4142 9.58579 12.75 10 12.75C10.4142 12.75 10.75 12.4142 10.75 12C10.75 9.1005 13.1005 6.75 16 6.75C18.8995 6.75 21.25 9.1005 21.25 12Z"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarLinkCircleOutline(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M2.75 12C2.75 9.10051 5.10051 6.75 8 6.75C8.41421 6.75 8.75 6.41421 8.75 6C8.75 5.58579 8.41421 5.25 8 5.25C4.27208 5.25 1.25 8.27208 1.25 12C1.25 15.7279 4.27208 18.75 8 18.75C11.7279 18.75 14.75 15.7279 14.75 12C14.75 11.5858 14.4142 11.25 14 11.25C13.5858 11.25 13.25 11.5858 13.25 12C13.25 14.8995 10.8995 17.25 8 17.25C5.10051 17.25 2.75 14.8995 2.75 12Z"/><path d="M21.25 12C21.25 14.8995 18.8995 17.25 16 17.25C15.5858 17.25 15.25 17.5858 15.25 18C15.25 18.4142 15.5858 18.75 16 18.75C19.7279 18.75 22.75 15.7279 22.75 12C22.75 8.27208 19.7279 5.25 16 5.25C12.2721 5.25 9.25 8.27208 9.25 12C9.25 12.4142 9.58579 12.75 10 12.75C10.4142 12.75 10.75 12.4142 10.75 12C10.75 9.1005 13.1005 6.75 16 6.75C18.8995 6.75 21.25 9.1005 21.25 12Z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M2.75 12C2.75 9.10051 5.10051 6.75 8 6.75C8.41421 6.75 8.75 6.41421 8.75 6C8.75 5.58579 8.41421 5.25 8 5.25C4.27208 5.25 1.25 8.27208 1.25 12C1.25 15.7279 4.27208 18.75 8 18.75C11.7279 18.75 14.75 15.7279 14.75 12C14.75 11.5858 14.4142 11.25 14 11.25C13.5858 11.25 13.25 11.5858 13.25 12C13.25 14.8995 10.8995 17.25 8 17.25C5.10051 17.25 2.75 14.8995 2.75 12Z"/><path d="M21.25 12C21.25 14.8995 18.8995 17.25 16 17.25C15.5858 17.25 15.25 17.5858 15.25 18C15.25 18.4142 15.5858 18.75 16 18.75C19.7279 18.75 22.75 15.7279 22.75 12C22.75 8.27208 19.7279 5.25 16 5.25C12.2721 5.25 9.25 8.27208 9.25 12C9.25 12.4142 9.58579 12.75 10 12.75C10.4142 12.75 10.75 12.4142 10.75 12C10.75 9.1005 13.1005 6.75 16 6.75C18.8995 6.75 21.25 9.1005 21.25 12Z"/></g></svg> </template>
CSS
.icon-link-circle-outline {
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%2024%2024%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M2.75%2012C2.75%209.10051%205.10051%206.75%208%206.75C8.41421%206.75%208.75%206.41421%208.75%206C8.75%205.58579%208.41421%205.25%208%205.25C4.27208%205.25%201.25%208.27208%201.25%2012C1.25%2015.7279%204.27208%2018.75%208%2018.75C11.7279%2018.75%2014.75%2015.7279%2014.75%2012C14.75%2011.5858%2014.4142%2011.25%2014%2011.25C13.5858%2011.25%2013.25%2011.5858%2013.25%2012C13.25%2014.8995%2010.8995%2017.25%208%2017.25C5.10051%2017.25%202.75%2014.8995%202.75%2012Z%22%2F%3E%3Cpath%20d%3D%22M21.25%2012C21.25%2014.8995%2018.8995%2017.25%2016%2017.25C15.5858%2017.25%2015.25%2017.5858%2015.25%2018C15.25%2018.4142%2015.5858%2018.75%2016%2018.75C19.7279%2018.75%2022.75%2015.7279%2022.75%2012C22.75%208.27208%2019.7279%205.25%2016%205.25C12.2721%205.25%209.25%208.27208%209.25%2012C9.25%2012.4142%209.58579%2012.75%2010%2012.75C10.4142%2012.75%2010.75%2012.4142%2010.75%2012C10.75%209.1005%2013.1005%206.75%2016%206.75C18.8995%206.75%2021.25%209.1005%2021.25%2012Z%22%2F%3E%3C%2Fg%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%2024%2024%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M2.75%2012C2.75%209.10051%205.10051%206.75%208%206.75C8.41421%206.75%208.75%206.41421%208.75%206C8.75%205.58579%208.41421%205.25%208%205.25C4.27208%205.25%201.25%208.27208%201.25%2012C1.25%2015.7279%204.27208%2018.75%208%2018.75C11.7279%2018.75%2014.75%2015.7279%2014.75%2012C14.75%2011.5858%2014.4142%2011.25%2014%2011.25C13.5858%2011.25%2013.25%2011.5858%2013.25%2012C13.25%2014.8995%2010.8995%2017.25%208%2017.25C5.10051%2017.25%202.75%2014.8995%202.75%2012Z%22%2F%3E%3Cpath%20d%3D%22M21.25%2012C21.25%2014.8995%2018.8995%2017.25%2016%2017.25C15.5858%2017.25%2015.25%2017.5858%2015.25%2018C15.25%2018.4142%2015.5858%2018.75%2016%2018.75C19.7279%2018.75%2022.75%2015.7279%2022.75%2012C22.75%208.27208%2019.7279%205.25%2016%205.25C12.2721%205.25%209.25%208.27208%209.25%2012C9.25%2012.4142%209.58579%2012.75%2010%2012.75C10.4142%2012.75%2010.75%2012.4142%2010.75%2012C10.75%209.1005%2013.1005%206.75%2016%206.75C18.8995%206.75%2021.25%209.1005%2021.25%2012Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/link-circle-outline.svg?color=%231a73e8&size=48
