address book icon

address-book from Reicon by REICON · Outline · UI · MIT Free for personal and commercial use.

Name
address-book
Set
Reicon
Style
Outline
Category
UI
Viewbox
24×24
License
MIT

1 other variant in Reicon

address-book-filled

The same icon in other sets

All address book icons →
address-bookFont Awesome 6 Regularaddress-bookFont Awesome 6 Solidaddress-bookFont Awesome Regularaddress-bookFont Awesome Solidaddress-book-outlineFlowbite Iconsaddress-bookHuge Iconsaddress-bookIconParkaddress-bookIconPark Outlineaddress-bookIconPark Solidaddress-bookIconPark TwoToneaddress-bookLine Awesomeaddress-bookPhosphoraddress-bookPrime Iconsaddress-bookTabler Iconsaddress-bookTDesign Iconsaddress-book-outlineTeenyicons

More ui icons from Reicon

accessibilityaddress-cardalertalert-circlealert-circle2alert-squarealert-trianglealert-triangle2anchorararchive-boxaspect-ratio-squareatbackwardbackward-stepbadge-dollarbadge-percentballoonbanbankbasketbattery-chargebattery-charge2battery-full

Use the address book icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M13.5 14.75c-1.541 0-2.92 1.062-3.274 2.437a.75.75 0 1 1-1.452-.374c.534-2.075 2.54-3.563 4.726-3.563s4.192 1.488 4.726 3.563a.75.75 0 1 1-1.452.374c-.354-1.375-1.733-2.437-3.274-2.437"/><path fill-rule="evenodd" d="M13.5 6.25a3 3 0 1 0 0 6a3 3 0 0 0 0-6m-1.5 3a1.5 1.5 0 1 1 3 0a1.5 1.5 0 0 1-3 0" clip-rule="evenodd"/><path fill-rule="evenodd" d="M16.433.75h-5.866c-.952 0-1.713 0-2.327.05c-.63.052-1.172.16-1.67.413a4.25 4.25 0 0 0-1.857 1.858c-.253.497-.361 1.04-.413 1.67c-.05.613-.05 1.374-.05 2.326v9.866c0 .952 0 1.713.05 2.327c.052.63.16 1.172.413 1.67a4.25 4.25 0 0 0 1.858 1.857c.497.253 1.04.361 1.67.413c.613.05 1.374.05 2.326.05h5.866c.952 0 1.713 0 2.327-.05c.63-.052 1.172-.16 1.67-.413a4.25 4.25 0 0 0 1.857-1.857c.253-.498.361-1.04.413-1.67c.05-.614.05-1.375.05-2.327V7.067c0-.952 0-1.713-.05-2.327c-.052-.63-.16-1.172-.413-1.67a4.25 4.25 0 0 0-1.857-1.857C19.932.96 19.39.852 18.76.8c-.614-.05-1.375-.05-2.327-.05m-9.181 1.8c.25-.128.573-.21 1.11-.255c.546-.044 1.246-.045 2.238-.045h5.8c.992 0 1.692 0 2.238.045c.537.044.86.127 1.11.255a2.75 2.75 0 0 1 1.202 1.202c.128.25.21.573.255 1.11c.044.546.045 1.246.045 2.238v9.8c0 .992 0 1.692-.045 2.238c-.044.537-.127.86-.255 1.11a2.75 2.75 0 0 1-1.201 1.202c-.252.128-.574.21-1.111.255c-.546.044-1.246.045-2.238.045h-5.8c-.992 0-1.692 0-2.238-.045c-.537-.044-.86-.127-1.11-.255a2.75 2.75 0 0 1-1.202-1.2c-.128-.252-.21-.574-.255-1.111c-.044-.546-.045-1.246-.045-2.238V7.1c0-.992 0-1.692.045-2.238c.044-.537.127-.86.255-1.11A2.75 2.75 0 0 1 7.252 2.55" clip-rule="evenodd"/><path d="M2.75 5a.75.75 0 0 0-1.5 0v2.5a.75.75 0 0 0 1.5 0zm0 5.75a.75.75 0 0 0-1.5 0v2.5a.75.75 0 0 0 1.5 0zm-.75 5a.75.75 0 0 1 .75.75V19a.75.75 0 0 1-1.5 0v-2.5a.75.75 0 0 1 .75-.75"/></g></svg>

React

import type { SVGProps } from "react";

export function ReiconAddressBook(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="M13.5 14.75c-1.541 0-2.92 1.062-3.274 2.437a.75.75 0 1 1-1.452-.374c.534-2.075 2.54-3.563 4.726-3.563s4.192 1.488 4.726 3.563a.75.75 0 1 1-1.452.374c-.354-1.375-1.733-2.437-3.274-2.437"/><path fillRule="evenodd" d="M13.5 6.25a3 3 0 1 0 0 6a3 3 0 0 0 0-6m-1.5 3a1.5 1.5 0 1 1 3 0a1.5 1.5 0 0 1-3 0" clipRule="evenodd"/><path fillRule="evenodd" d="M16.433.75h-5.866c-.952 0-1.713 0-2.327.05c-.63.052-1.172.16-1.67.413a4.25 4.25 0 0 0-1.857 1.858c-.253.497-.361 1.04-.413 1.67c-.05.613-.05 1.374-.05 2.326v9.866c0 .952 0 1.713.05 2.327c.052.63.16 1.172.413 1.67a4.25 4.25 0 0 0 1.858 1.857c.497.253 1.04.361 1.67.413c.613.05 1.374.05 2.326.05h5.866c.952 0 1.713 0 2.327-.05c.63-.052 1.172-.16 1.67-.413a4.25 4.25 0 0 0 1.857-1.857c.253-.498.361-1.04.413-1.67c.05-.614.05-1.375.05-2.327V7.067c0-.952 0-1.713-.05-2.327c-.052-.63-.16-1.172-.413-1.67a4.25 4.25 0 0 0-1.857-1.857C19.932.96 19.39.852 18.76.8c-.614-.05-1.375-.05-2.327-.05m-9.181 1.8c.25-.128.573-.21 1.11-.255c.546-.044 1.246-.045 2.238-.045h5.8c.992 0 1.692 0 2.238.045c.537.044.86.127 1.11.255a2.75 2.75 0 0 1 1.202 1.202c.128.25.21.573.255 1.11c.044.546.045 1.246.045 2.238v9.8c0 .992 0 1.692-.045 2.238c-.044.537-.127.86-.255 1.11a2.75 2.75 0 0 1-1.201 1.202c-.252.128-.574.21-1.111.255c-.546.044-1.246.045-2.238.045h-5.8c-.992 0-1.692 0-2.238-.045c-.537-.044-.86-.127-1.11-.255a2.75 2.75 0 0 1-1.202-1.2c-.128-.252-.21-.574-.255-1.111c-.044-.546-.045-1.246-.045-2.238V7.1c0-.992 0-1.692.045-2.238c.044-.537.127-.86.255-1.11A2.75 2.75 0 0 1 7.252 2.55" clipRule="evenodd"/><path d="M2.75 5a.75.75 0 0 0-1.5 0v2.5a.75.75 0 0 0 1.5 0zm0 5.75a.75.75 0 0 0-1.5 0v2.5a.75.75 0 0 0 1.5 0zm-.75 5a.75.75 0 0 1 .75.75V19a.75.75 0 0 1-1.5 0v-2.5a.75.75 0 0 1 .75-.75"/></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="M13.5 14.75c-1.541 0-2.92 1.062-3.274 2.437a.75.75 0 1 1-1.452-.374c.534-2.075 2.54-3.563 4.726-3.563s4.192 1.488 4.726 3.563a.75.75 0 1 1-1.452.374c-.354-1.375-1.733-2.437-3.274-2.437"/><path fill-rule="evenodd" d="M13.5 6.25a3 3 0 1 0 0 6a3 3 0 0 0 0-6m-1.5 3a1.5 1.5 0 1 1 3 0a1.5 1.5 0 0 1-3 0" clip-rule="evenodd"/><path fill-rule="evenodd" d="M16.433.75h-5.866c-.952 0-1.713 0-2.327.05c-.63.052-1.172.16-1.67.413a4.25 4.25 0 0 0-1.857 1.858c-.253.497-.361 1.04-.413 1.67c-.05.613-.05 1.374-.05 2.326v9.866c0 .952 0 1.713.05 2.327c.052.63.16 1.172.413 1.67a4.25 4.25 0 0 0 1.858 1.857c.497.253 1.04.361 1.67.413c.613.05 1.374.05 2.326.05h5.866c.952 0 1.713 0 2.327-.05c.63-.052 1.172-.16 1.67-.413a4.25 4.25 0 0 0 1.857-1.857c.253-.498.361-1.04.413-1.67c.05-.614.05-1.375.05-2.327V7.067c0-.952 0-1.713-.05-2.327c-.052-.63-.16-1.172-.413-1.67a4.25 4.25 0 0 0-1.857-1.857C19.932.96 19.39.852 18.76.8c-.614-.05-1.375-.05-2.327-.05m-9.181 1.8c.25-.128.573-.21 1.11-.255c.546-.044 1.246-.045 2.238-.045h5.8c.992 0 1.692 0 2.238.045c.537.044.86.127 1.11.255a2.75 2.75 0 0 1 1.202 1.202c.128.25.21.573.255 1.11c.044.546.045 1.246.045 2.238v9.8c0 .992 0 1.692-.045 2.238c-.044.537-.127.86-.255 1.11a2.75 2.75 0 0 1-1.201 1.202c-.252.128-.574.21-1.111.255c-.546.044-1.246.045-2.238.045h-5.8c-.992 0-1.692 0-2.238-.045c-.537-.044-.86-.127-1.11-.255a2.75 2.75 0 0 1-1.202-1.2c-.128-.252-.21-.574-.255-1.111c-.044-.546-.045-1.246-.045-2.238V7.1c0-.992 0-1.692.045-2.238c.044-.537.127-.86.255-1.11A2.75 2.75 0 0 1 7.252 2.55" clip-rule="evenodd"/><path d="M2.75 5a.75.75 0 0 0-1.5 0v2.5a.75.75 0 0 0 1.5 0zm0 5.75a.75.75 0 0 0-1.5 0v2.5a.75.75 0 0 0 1.5 0zm-.75 5a.75.75 0 0 1 .75.75V19a.75.75 0 0 1-1.5 0v-2.5a.75.75 0 0 1 .75-.75"/></g></svg>
</template>

CSS

.icon-address-book {
  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%22M13.5%2014.75c-1.541%200-2.92%201.062-3.274%202.437a.75.75%200%201%201-1.452-.374c.534-2.075%202.54-3.563%204.726-3.563s4.192%201.488%204.726%203.563a.75.75%200%201%201-1.452.374c-.354-1.375-1.733-2.437-3.274-2.437%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M13.5%206.25a3%203%200%201%200%200%206a3%203%200%200%200%200-6m-1.5%203a1.5%201.5%200%201%201%203%200a1.5%201.5%200%200%201-3%200%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M16.433.75h-5.866c-.952%200-1.713%200-2.327.05c-.63.052-1.172.16-1.67.413a4.25%204.25%200%200%200-1.857%201.858c-.253.497-.361%201.04-.413%201.67c-.05.613-.05%201.374-.05%202.326v9.866c0%20.952%200%201.713.05%202.327c.052.63.16%201.172.413%201.67a4.25%204.25%200%200%200%201.858%201.857c.497.253%201.04.361%201.67.413c.613.05%201.374.05%202.326.05h5.866c.952%200%201.713%200%202.327-.05c.63-.052%201.172-.16%201.67-.413a4.25%204.25%200%200%200%201.857-1.857c.253-.498.361-1.04.413-1.67c.05-.614.05-1.375.05-2.327V7.067c0-.952%200-1.713-.05-2.327c-.052-.63-.16-1.172-.413-1.67a4.25%204.25%200%200%200-1.857-1.857C19.932.96%2019.39.852%2018.76.8c-.614-.05-1.375-.05-2.327-.05m-9.181%201.8c.25-.128.573-.21%201.11-.255c.546-.044%201.246-.045%202.238-.045h5.8c.992%200%201.692%200%202.238.045c.537.044.86.127%201.11.255a2.75%202.75%200%200%201%201.202%201.202c.128.25.21.573.255%201.11c.044.546.045%201.246.045%202.238v9.8c0%20.992%200%201.692-.045%202.238c-.044.537-.127.86-.255%201.11a2.75%202.75%200%200%201-1.201%201.202c-.252.128-.574.21-1.111.255c-.546.044-1.246.045-2.238.045h-5.8c-.992%200-1.692%200-2.238-.045c-.537-.044-.86-.127-1.11-.255a2.75%202.75%200%200%201-1.202-1.2c-.128-.252-.21-.574-.255-1.111c-.044-.546-.045-1.246-.045-2.238V7.1c0-.992%200-1.692.045-2.238c.044-.537.127-.86.255-1.11A2.75%202.75%200%200%201%207.252%202.55%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M2.75%205a.75.75%200%200%200-1.5%200v2.5a.75.75%200%200%200%201.5%200zm0%205.75a.75.75%200%200%200-1.5%200v2.5a.75.75%200%200%200%201.5%200zm-.75%205a.75.75%200%200%201%20.75.75V19a.75.75%200%200%201-1.5%200v-2.5a.75.75%200%200%201%20.75-.75%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%22M13.5%2014.75c-1.541%200-2.92%201.062-3.274%202.437a.75.75%200%201%201-1.452-.374c.534-2.075%202.54-3.563%204.726-3.563s4.192%201.488%204.726%203.563a.75.75%200%201%201-1.452.374c-.354-1.375-1.733-2.437-3.274-2.437%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M13.5%206.25a3%203%200%201%200%200%206a3%203%200%200%200%200-6m-1.5%203a1.5%201.5%200%201%201%203%200a1.5%201.5%200%200%201-3%200%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M16.433.75h-5.866c-.952%200-1.713%200-2.327.05c-.63.052-1.172.16-1.67.413a4.25%204.25%200%200%200-1.857%201.858c-.253.497-.361%201.04-.413%201.67c-.05.613-.05%201.374-.05%202.326v9.866c0%20.952%200%201.713.05%202.327c.052.63.16%201.172.413%201.67a4.25%204.25%200%200%200%201.858%201.857c.497.253%201.04.361%201.67.413c.613.05%201.374.05%202.326.05h5.866c.952%200%201.713%200%202.327-.05c.63-.052%201.172-.16%201.67-.413a4.25%204.25%200%200%200%201.857-1.857c.253-.498.361-1.04.413-1.67c.05-.614.05-1.375.05-2.327V7.067c0-.952%200-1.713-.05-2.327c-.052-.63-.16-1.172-.413-1.67a4.25%204.25%200%200%200-1.857-1.857C19.932.96%2019.39.852%2018.76.8c-.614-.05-1.375-.05-2.327-.05m-9.181%201.8c.25-.128.573-.21%201.11-.255c.546-.044%201.246-.045%202.238-.045h5.8c.992%200%201.692%200%202.238.045c.537.044.86.127%201.11.255a2.75%202.75%200%200%201%201.202%201.202c.128.25.21.573.255%201.11c.044.546.045%201.246.045%202.238v9.8c0%20.992%200%201.692-.045%202.238c-.044.537-.127.86-.255%201.11a2.75%202.75%200%200%201-1.201%201.202c-.252.128-.574.21-1.111.255c-.546.044-1.246.045-2.238.045h-5.8c-.992%200-1.692%200-2.238-.045c-.537-.044-.86-.127-1.11-.255a2.75%202.75%200%200%201-1.202-1.2c-.128-.252-.21-.574-.255-1.111c-.044-.546-.045-1.246-.045-2.238V7.1c0-.992%200-1.692.045-2.238c.044-.537.127-.86.255-1.11A2.75%202.75%200%200%201%207.252%202.55%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M2.75%205a.75.75%200%200%200-1.5%200v2.5a.75.75%200%200%200%201.5%200zm0%205.75a.75.75%200%200%200-1.5%200v2.5a.75.75%200%200%200%201.5%200zm-.75%205a.75.75%200%200%201%20.75.75V19a.75.75%200%200%201-1.5%200v-2.5a.75.75%200%200%201%20.75-.75%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/address-book.svg?color=%231a73e8&size=48