Beta

DNS SVG icon, line

Free

A globe connects to three small network nodes, suggesting domain routing. Place it in a DNS setup guide or a network dashboard.

Sign in to download. Free SVGs are free with any account.

dnsdomainnetworkcodeiconline

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/6Y4AHhQIgt4E/amnt.svg" alt="DNS" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="8" cy="12" r="6"/><path d="M2 12h12M8 6c-2 2-2 10 0 12M8 6c2 2 2 10 0 12"/><path d="M14 12h2M16 5v14M16 5h2M16 12h2M16 19h2"/><circle cx="20" cy="5" r="1.5"/><circle cx="20" cy="12" r="1.5"/><circle cx="20" cy="19" r="1.5"/></svg>
CSS background-image
.dns {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/6Y4AHhQIgt4E/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.dns {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/6Y4AHhQIgt4E/amnt.svg") center / contain no-repeat;
}
React
import DNSSvg from "./dns.jsx"; // from the React tab above

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

Made with AMNT

AMNT SVG 1.1 drew this from the words DNS: A globe connected by a short line to three small network nodes. as part of the pack Code and Developer Icons, Line. Want one like it? Make your own in the SVG studio.

Rest of Code and Developer Icons, Line

Whole pack

Similar SVGs

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