Menu

AI SVG Studio
Sign in
Family SVG icon, line

Family SVG icon, line

Two taller heads flank a smaller head, with shoulders beneath each. Use it on household profiles and family event calendars.

Free ยท from People icons, line

Similar SVGs

More from People icons, line

Whole pack

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/4aXvR5FPGVZK/amnt.svg" alt="Family" 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="5" cy="6" r="2.5"/><circle cx="19" cy="6" r="2.5"/><circle cx="12" cy="12" r="2"/><path d="M2 17v-1a3 3 0 0 1 6 0M16 16a3 3 0 0 1 6 0v1M8 21v-1a4 4 0 0 1 8 0v1"/></svg>
CSS background-image
.family {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/4aXvR5FPGVZK/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.family {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/4aXvR5FPGVZK/amnt.svg") center / contain no-repeat;
}
React
import FamilySvg from "./family.jsx"; // from the React tab above

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

Tags

familyparentschildpeopleiconline

Made with AMNT

AMNT SVG 1.1 drew this from the words Family: Two taller heads flanking a smaller head, with shoulders beneath each. as part of the pack People icons, line. 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