Menu

Beta
Sign in
Phone SVG icon, rounded

Phone SVG icon, rounded

A handset symbol represents phone calls or contact by telephone. Add it to a business website contact page or a mobile app profile screen to make calling options easy to spot.

Free · from Rounded Interface Icons

Similar SVGs

More from Rounded Interface Icons

Whole pack

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/jgICXoLcibIE/amnt.svg" alt="Phone" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64"><g id="layer-1" data-name="Group 1"><path d="M24 10L40 10C42.76 10 45 12.24 45 15L45 49C45 51.76 42.76 54 40 54L24 54C21.24 54 19 51.76 19 49L19 15C19 12.24 21.24 10 24 10Z" fill="#a8dadc" stroke="#264653" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M28 16L36 16" fill="none" stroke="#264653" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M29 48L35 48" fill="none" stroke="#264653" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></g></svg>
CSS background-image
.phone {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/jgICXoLcibIE/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.phone {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/jgICXoLcibIE/amnt.svg") center / contain no-repeat;
}
React
import PhoneSvg from "./phone.jsx"; // from the React tab above

<PhoneSvg width={48} height={48} />

Tags

phonecalltelephonecontact

Made with AMNT

AMNT SVG Pro 1.1 drew this from the words Phone. Flat, rounded icons in a consistent set. Use two colours and clean 2 px lines with rounded ends and corners. Keep the shapes simple, balanced, and easy to recognise at small sizes. Use the same proportions, line weight, and colour placement for every icon. as part of the pack Rounded Interface Icons. Want one like it? Make your own in the SVG studio.

Licence: free. A Free account may use it for personal work; Pro and Max download it with a commercial licence, fixed at download, forever. No credit needed. Read the licence

Settings