Contact Book Icon
Free SVG icon from the Mage Icons collection. Download or copy for use in any project.
The Contact Book icon is available as a free SVG and is ready to drop into any web or app project.
img tag
<img src="https://proicons.com/icon/310635.svg" alt="Contact Book icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/310635.svg" alt="Contact Book icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/310635.svg" alt="Contact Book icon" :width="24" :height="24" />
CSS background
.icon-contact-book {
background-image: url('https://proicons.com/icon/310635.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M15.8542 2.75H9.68749C6.84936 2.75 4.5486 5.05076 4.5486 7.88889V16.1111C4.5486 18.9492 6.84936 21.25 9.68749 21.25H15.8542C18.6923 21.25 20.993 18.9492 20.993 16.1111V7.88889C20.993 5.05076 18.6923 2.75 15.8542 2.75Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M3.00694 8.40277H6.09028" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M3.00694 15.5972H6.09028" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M16.6697 16.7445C16.6697 15.0918 14.8273 13.7487 13.1746 13.7487C11.5219 13.7487 9.67955 15.0918 9.67955 16.7445" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M13.1746 11.3678C14.4714 11.3678 15.5227 10.3165 15.5227 9.01973C15.5227 7.72291 14.4714 6.67163 13.1746 6.67163C11.8777 6.67163 10.8265 7.72291 10.8265 9.01973C10.8265 10.3165 11.8777 11.3678 13.1746 11.3678Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg>
More from Mage Icons
View all
Copied!