Add icons to this collection by clicking the heart icon.
Contact Book icon - also known as contact, telephone, phone book, agenda, notepad, communications, telephone book, 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 32 32"
>
<linearGradient
id="b"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="rotate(90 -.506 21.042) scale(23.453)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d9defb" />
<stop offset="1" stop-color="#4460ff" />
</linearGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#2196f3" />
<stop offset="1" stop-color="#005faa" />
</linearGradient>
<linearGradient
id="c"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(0 16.992 -16.992 0 16 26.342)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(0 -14 14 0 16.75 5)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="rotate(180 3.684 8) scale(11.368)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#455a64" />
<stop offset="1" stop-color="#18313c" />
</linearGradient>
<linearGradient
id="f"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(0 11.75 -11.75 0 15.81 19)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="rotate(90 1.608 15.142) scale(7.466)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffb7bd" />
<stop offset="1" stop-color="#ff2c3e" />
</linearGradient>
<g fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2">
<path
fill="url(#b)"
d="M5.068 5.784c0 .414.336.75.75.75h.593c.199 0 .39.079.531.219.14.141.219.332.219.531v.432c0 .199-.079.39-.219.531a.754.754 0 0 1-.53.219h-.594a.75.75 0 0 0-.75.75v5.068c0 .414.336.75.75.75h.593c.199 0 .39.079.531.219.14.141.219.332.219.531v.432c0 .199-.079.39-.219.531a.754.754 0 0 1-.53.219h-.594a.75.75 0 0 0-.75.75v5.068c0 .414.336.75.75.75h.593c.199 0 .39.079.531.219.14.141.219.332.219.531v.432c0 .199-.079.39-.219.531a.754.754 0 0 1-.53.219h-.594a.75.75 0 0 0-.75.75V28a2.75 2.75 0 0 0 2.75 2.75h16.364a2.75 2.75 0 0 0 2.75-2.75V4a2.75 2.75 0 0 0-2.75-2.75H7.818A2.75 2.75 0 0 0 5.068 4z"
/>
<path
fill="url(#c)"
d="M26.932 24.25H7.161V24.716c0 .199-.079.39-.219.531a.754.754 0 0 1-.53.219h-.594a.75.75 0 0 0-.75.75V28a2.75 2.75 0 0 0 2.75 2.75h16.364a2.75 2.75 0 0 0 2.75-2.75z"
/>
<path
fill="url(#d)"
d="M7.161 7.75h19.771V4a2.75 2.75 0 0 0-2.75-2.75H7.818A2.75 2.75 0 0 0 5.068 4v1.784c0 .414.336.75.75.75h.593c.199 0 .39.079.531.219.14.141.219.332.219.531v.432z"
/>
<path
fill="url(#e)"
d="M8.661 24.284a2.25 2.25 0 0 0-2.25-2.25H5.225a2.25 2.25 0 0 0-2.25 2.25v.432a2.25 2.25 0 0 0 2.25 2.25h1.186a2.248 2.248 0 0 0 2.25-2.25zm0-8.5a2.25 2.25 0 0 0-2.25-2.25H5.225a2.25 2.25 0 0 0-2.25 2.25v.432a2.25 2.25 0 0 0 2.25 2.25h1.186a2.248 2.248 0 0 0 2.25-2.25zm0-8.5a2.25 2.25 0 0 0-2.25-2.25H5.225a2.25 2.25 0 0 0-2.25 2.25v.432a2.25 2.25 0 0 0 2.25 2.25h1.186a2.248 2.248 0 0 0 2.25-2.25z"
/>
<path
fill="url(#f)"
d="M21.25 19c0-.729-.29-1.429-.805-1.945a2.755 2.755 0 0 0-1.945-.805h-5c-.729 0-1.429.29-1.945.805A2.755 2.755 0 0 0 10.75 19v1c0 .967.784 1.75 1.75 1.75h7A1.75 1.75 0 0 0 21.25 20z"
/>
<circle cx="16" cy="13" r="2.75" fill="url(#g)" />
</g>
</svg>
More icons in the same style and category