Add icons to this collection by clicking the heart icon.
Contact Book icon - also known as phone book, contact person, agenda, ui, notepad, communications, and contact book. Created in a clean flat gradient style, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="512"
height="512"
viewBox="0 0 64 64"
>
<linearGradient id="a">
<stop offset="0" stop-color="#dedbd7" />
<stop offset="1" stop-color="#b8b5b2" />
</linearGradient>
<linearGradient
id="c"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(0 56 -56 0 478 324)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#4b67ca" />
<stop offset="1" stop-color="#4159b0" />
</linearGradient>
<linearGradient
id="d"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(0 56 -56 0 468 324)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="e"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(0 4 -4 0 456 330)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(0 12 -12 0 486 336)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="g"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(0 16 -16 0 486 352)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<g fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2">
<g transform="translate(-448 -320)">
<path
fill="url(#c)"
d="M500 328a3.995 3.995 0 0 0-1.172-2.828A3.995 3.995 0 0 0 496 324h-36a3.995 3.995 0 0 0-2.828 1.172A3.995 3.995 0 0 0 456 328v48c0 1.061.421 2.078 1.172 2.828A3.995 3.995 0 0 0 460 380h36a3.995 3.995 0 0 0 2.828-1.172A3.995 3.995 0 0 0 500 376v-48z"
transform="translate(4)"
/>
<path
fill="url(#d)"
d="M468 324h-4a4 4 0 0 0-4 4v48a4 4 0 0 0 4 4h4z"
/>
<path
fill="url(#e)"
d="M460 332a2 2 0 0 0-2-2h-4a2 2 0 1 0 0 4h4a2 2 0 0 0 2-2z"
transform="translate(4 2)"
/>
<path
fill="url(#e)"
d="M460 332a2 2 0 0 0-2-2h-4a2 2 0 1 0 0 4h4a2 2 0 0 0 2-2z"
transform="translate(4 14)"
/>
<path
fill="url(#e)"
d="M460 332a2 2 0 0 0-2-2h-4a2 2 0 1 0 0 4h4a2 2 0 0 0 2-2z"
transform="translate(4 26)"
/>
<path
fill="url(#e)"
d="M460 331.998a2.002 2.002 0 0 0-1.998-1.998h-4.004a1.997 1.997 0 0 0-1.998 1.998V332a2 2 0 0 0 2 2h4a2 2 0 0 0 2-2v-.002z"
transform="translate(4 38)"
/>
<circle cx="486" cy="342" r="6" fill="url(#f)" />
<path
fill="url(#g)"
d="M496 362a10.001 10.001 0 0 0-10-10h-.002c-5.522 0-9.998 4.476-9.998 9.998V366a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-4z"
/>
</g>
</g>
</svg>
More icons in the same style and category