Menu

Beta
Sign in
Link SVG icon, rounded

Link SVG icon, rounded

A link symbol for connecting to a web page or other online resource. Place it in a profile editor’s website field or a post composer’s attachment menu.

Free · from Creator Social Icons, Rounded

Similar SVGs

More from Creator Social Icons, Rounded

Whole pack

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/gAc8J2ki6tW2/amnt.svg" alt="Link" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="royal-blue" data-name="Royal Blue"><path d="M566 546c25 8 52 3 73-14 2-2 6-4 8-8 7-22-14-73-26-92-34-50-93-77-153-74-31 1-61 10-88 26-38 23-79 71-111 103-20 21-44 40-62 65-76 104-22 252 102 284 61 16 126-2 173-45 16-15 106-102 111-115-32 0-64-4-92-18-52 42-91 120-170 98-71-20-100-113-48-168 24-26 51-51 76-76 19-20 38-44 62-58 66-39 169 10 145 92z" fill="#1164de" stroke="#1164de"/></g><g id="navy" data-name="Navy"><path d="M495 465c-26-7-53-2-74 15-2 2-7 5-8 9-5 19 13 67 24 85 28 48 82 77 138 80 94 4 138-48 199-109 21-21 45-42 62-67 67-99 21-241-92-280-58-20-124-10-172 27-17 13-103 95-109 110 17 0 34 1 51 4 6 1 38 12 41 12 5-1 13-12 17-16 23-23 45-53 78-62 79-23 153 55 130 133-4 13-11 26-19 35-14 17-32 32-47 48-22 21-43 47-68 65-54 37-129 13-148-50-3-12-7-28-3-39z" fill="#152c49" stroke="#152c49"/></g></svg>
CSS background-image
.link {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/gAc8J2ki6tW2/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.link {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/gAc8J2ki6tW2/amnt.svg") center / contain no-repeat;
}
React
import LinkSvg from "./link.jsx"; // from the React tab above

<LinkSvg width={48} height={48} />

Tags

linkurlwebconnection

Made with AMNT

AMNT Draw 1.2 drew this from the words Link. Flat, rounded icons in a consistent set. Use two colours and clean 2 px lines with rounded ends and corners. Keep each shape simple, balanced, and easy to recognise at small sizes. Use the same proportions, line weight, and colour placement for every icon. as part of the pack Creator Social Icons, Rounded. Want one like it? Make your own in the SVG studio.

Licence: free. A Free account may use it for personal work; Pro and Max download it with a commercial licence, fixed at download, forever. No credit needed. Read the licence

Settings