address book icon
address-book from Prime Icons by PrimeTek · Regular · MIT Free for personal and commercial use.
- Name
- address-book
- Set
- Prime Icons
- Style
- Regular
- Viewbox
- 24×24
- License
- MIT
The same icon in other sets
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-bookTabler Iconsaddress-bookTDesign Iconsaddress-book-outlineTeenyicons
Use the address book icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M5.75 5c0-.107.1-.25.295-.25h9.41c.194 0 .295.143.295.25v14c0 .107-.1.25-.296.25H6.045c-.194 0-.295-.143-.295-.25zm.295-1.75c-.96 0-1.795.752-1.795 1.75v14c0 .998.836 1.75 1.795 1.75h9.41c.96 0 1.795-.752 1.795-1.75V5c0-.998-.836-1.75-1.796-1.75zM19.75 6a.75.75 0 0 0-1.5 0v2a.75.75 0 0 0 1.5 0zm-9 3.5a.5.5 0 1 0 0 1a.5.5 0 0 0 0-1m-2 .5a2 2 0 1 1 4 0a2 2 0 0 1-4 0m11 1a.75.75 0 0 0-1.5 0v2a.75.75 0 0 0 1.5 0zM19 15.25a.75.75 0 0 1 .75.75v2a.75.75 0 0 1-1.5 0v-2a.75.75 0 0 1 .75-.75m-10.5 0c0-.433.066-.68.136-.82a.5.5 0 0 1 .261-.253c.145-.069.36-.12.689-.149A14 14 0 0 1 10.75 14c.459 0 .837 0 1.164.028c.329.029.544.08.689.15c.123.058.2.13.26.251c.07.14.137.388.137.821a.75.75 0 0 0 1.5 0c0-.567-.084-1.07-.295-1.492a2 2 0 0 0-.958-.935c-.38-.181-.802-.255-1.205-.289c-.398-.034-.837-.034-1.272-.034h-.04c-.435 0-.874 0-1.272.034c-.403.034-.825.107-1.205.289a2 2 0 0 0-.958.935c-.211.423-.295.925-.295 1.492a.75.75 0 0 0 1.5 0" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function PrimeAddressBook(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fillRule="evenodd" d="M5.75 5c0-.107.1-.25.295-.25h9.41c.194 0 .295.143.295.25v14c0 .107-.1.25-.296.25H6.045c-.194 0-.295-.143-.295-.25zm.295-1.75c-.96 0-1.795.752-1.795 1.75v14c0 .998.836 1.75 1.795 1.75h9.41c.96 0 1.795-.752 1.795-1.75V5c0-.998-.836-1.75-1.796-1.75zM19.75 6a.75.75 0 0 0-1.5 0v2a.75.75 0 0 0 1.5 0zm-9 3.5a.5.5 0 1 0 0 1a.5.5 0 0 0 0-1m-2 .5a2 2 0 1 1 4 0a2 2 0 0 1-4 0m11 1a.75.75 0 0 0-1.5 0v2a.75.75 0 0 0 1.5 0zM19 15.25a.75.75 0 0 1 .75.75v2a.75.75 0 0 1-1.5 0v-2a.75.75 0 0 1 .75-.75m-10.5 0c0-.433.066-.68.136-.82a.5.5 0 0 1 .261-.253c.145-.069.36-.12.689-.149A14 14 0 0 1 10.75 14c.459 0 .837 0 1.164.028c.329.029.544.08.689.15c.123.058.2.13.26.251c.07.14.137.388.137.821a.75.75 0 0 0 1.5 0c0-.567-.084-1.07-.295-1.492a2 2 0 0 0-.958-.935c-.38-.181-.802-.255-1.205-.289c-.398-.034-.837-.034-1.272-.034h-.04c-.435 0-.874 0-1.272.034c-.403.034-.825.107-1.205.289a2 2 0 0 0-.958.935c-.211.423-.295.925-.295 1.492a.75.75 0 0 0 1.5 0" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M5.75 5c0-.107.1-.25.295-.25h9.41c.194 0 .295.143.295.25v14c0 .107-.1.25-.296.25H6.045c-.194 0-.295-.143-.295-.25zm.295-1.75c-.96 0-1.795.752-1.795 1.75v14c0 .998.836 1.75 1.795 1.75h9.41c.96 0 1.795-.752 1.795-1.75V5c0-.998-.836-1.75-1.796-1.75zM19.75 6a.75.75 0 0 0-1.5 0v2a.75.75 0 0 0 1.5 0zm-9 3.5a.5.5 0 1 0 0 1a.5.5 0 0 0 0-1m-2 .5a2 2 0 1 1 4 0a2 2 0 0 1-4 0m11 1a.75.75 0 0 0-1.5 0v2a.75.75 0 0 0 1.5 0zM19 15.25a.75.75 0 0 1 .75.75v2a.75.75 0 0 1-1.5 0v-2a.75.75 0 0 1 .75-.75m-10.5 0c0-.433.066-.68.136-.82a.5.5 0 0 1 .261-.253c.145-.069.36-.12.689-.149A14 14 0 0 1 10.75 14c.459 0 .837 0 1.164.028c.329.029.544.08.689.15c.123.058.2.13.26.251c.07.14.137.388.137.821a.75.75 0 0 0 1.5 0c0-.567-.084-1.07-.295-1.492a2 2 0 0 0-.958-.935c-.38-.181-.802-.255-1.205-.289c-.398-.034-.837-.034-1.272-.034h-.04c-.435 0-.874 0-1.272.034c-.403.034-.825.107-1.205.289a2 2 0 0 0-.958.935c-.211.423-.295.925-.295 1.492a.75.75 0 0 0 1.5 0" clip-rule="evenodd"/></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%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M5.75%205c0-.107.1-.25.295-.25h9.41c.194%200%20.295.143.295.25v14c0%20.107-.1.25-.296.25H6.045c-.194%200-.295-.143-.295-.25zm.295-1.75c-.96%200-1.795.752-1.795%201.75v14c0%20.998.836%201.75%201.795%201.75h9.41c.96%200%201.795-.752%201.795-1.75V5c0-.998-.836-1.75-1.796-1.75zM19.75%206a.75.75%200%200%200-1.5%200v2a.75.75%200%200%200%201.5%200zm-9%203.5a.5.5%200%201%200%200%201a.5.5%200%200%200%200-1m-2%20.5a2%202%200%201%201%204%200a2%202%200%200%201-4%200m11%201a.75.75%200%200%200-1.5%200v2a.75.75%200%200%200%201.5%200zM19%2015.25a.75.75%200%200%201%20.75.75v2a.75.75%200%200%201-1.5%200v-2a.75.75%200%200%201%20.75-.75m-10.5%200c0-.433.066-.68.136-.82a.5.5%200%200%201%20.261-.253c.145-.069.36-.12.689-.149A14%2014%200%200%201%2010.75%2014c.459%200%20.837%200%201.164.028c.329.029.544.08.689.15c.123.058.2.13.26.251c.07.14.137.388.137.821a.75.75%200%200%200%201.5%200c0-.567-.084-1.07-.295-1.492a2%202%200%200%200-.958-.935c-.38-.181-.802-.255-1.205-.289c-.398-.034-.837-.034-1.272-.034h-.04c-.435%200-.874%200-1.272.034c-.403.034-.825.107-1.205.289a2%202%200%200%200-.958.935c-.211.423-.295.925-.295%201.492a.75.75%200%200%200%201.5%200%22%20clip-rule%3D%22evenodd%22%2F%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%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M5.75%205c0-.107.1-.25.295-.25h9.41c.194%200%20.295.143.295.25v14c0%20.107-.1.25-.296.25H6.045c-.194%200-.295-.143-.295-.25zm.295-1.75c-.96%200-1.795.752-1.795%201.75v14c0%20.998.836%201.75%201.795%201.75h9.41c.96%200%201.795-.752%201.795-1.75V5c0-.998-.836-1.75-1.796-1.75zM19.75%206a.75.75%200%200%200-1.5%200v2a.75.75%200%200%200%201.5%200zm-9%203.5a.5.5%200%201%200%200%201a.5.5%200%200%200%200-1m-2%20.5a2%202%200%201%201%204%200a2%202%200%200%201-4%200m11%201a.75.75%200%200%200-1.5%200v2a.75.75%200%200%200%201.5%200zM19%2015.25a.75.75%200%200%201%20.75.75v2a.75.75%200%200%201-1.5%200v-2a.75.75%200%200%201%20.75-.75m-10.5%200c0-.433.066-.68.136-.82a.5.5%200%200%201%20.261-.253c.145-.069.36-.12.689-.149A14%2014%200%200%201%2010.75%2014c.459%200%20.837%200%201.164.028c.329.029.544.08.689.15c.123.058.2.13.26.251c.07.14.137.388.137.821a.75.75%200%200%200%201.5%200c0-.567-.084-1.07-.295-1.492a2%202%200%200%200-.958-.935c-.38-.181-.802-.255-1.205-.289c-.398-.034-.837-.034-1.272-.034h-.04c-.435%200-.874%200-1.272.034c-.403.034-.825.107-1.205.289a2%202%200%200%200-.958.935c-.211.423-.295.925-.295%201.492a.75.75%200%200%200%201.5%200%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/prime/address-book.svg?color=%231a73e8&size=48
