Phone Icon
Free SVG icon from the Carbon Icons collection. Download or copy for use in any project.
The Phone icon is commonly used in contact pages, call-to-action sections and support widgets. Available as a free SVG - copy the code or download directly.
img tag
<img src="https://proicons.com/icon/318598.svg" alt="Phone icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/318598.svg" alt="Phone icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/318598.svg" alt="Phone icon" :width="24" :height="24" />
CSS background
.icon-phone {
background-image: url('https://proicons.com/icon/318598.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<svg id="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><defs><style>.cls-1{fill:none;}</style></defs><title>phone</title><path d="M26,29h-.17C6.18,27.87,3.39,11.29,3,6.23A3,3,0,0,1,5.76,3h5.51a2,2,0,0,1,1.86,1.26L14.65,8a2,2,0,0,1-.44,2.16l-2.13,2.15a9.37,9.37,0,0,0,7.58,7.6l2.17-2.15A2,2,0,0,1,24,17.35l3.77,1.51A2,2,0,0,1,29,20.72V26A3,3,0,0,1,26,29ZM6,5A1,1,0,0,0,5,6v.08C5.46,12,8.41,26,25.94,27A1,1,0,0,0,27,26.06V20.72l-3.77-1.51-2.87,2.85L19.88,22C11.18,20.91,10,12.21,10,12.12l-.06-.48,2.84-2.87L11.28,5Z" transform="translate(0)"/><rect id="_Transparent_Rectangle_" data-name="<Transparent Rectangle>" class="cls-1" width="32" height="32"/></svg>
Phone in other icon packs
Copied!