Menu

Beta
Sign in
Phone SVG icon, line

Phone SVG icon, line

This curved telephone handset has rounded ends. Place it next to a phone number on a contact page or beside a call button in a customer directory.

Free · from Communication icons, line · Set 2

Similar SVGs

More from Communication icons, line · Set 2

Whole pack

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/3s_boO5MjU4D/amnt.svg" alt="Phone" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="cobalt" data-name="Cobalt"><path d="M153 67c-6 0-15 9-20 13-40 33-61 78-66 130-6 64 14 132 38 191 43 104 108 198 180 283 72 83 155 158 250 215 83 50 186 88 280 46 22-10 45-24 62-42-10-2-20-2-30-4-41-11-77-40-106-69-17-18-32-39-44-60-10-18-18-37-22-57-1-6 1-15-2-21-11 10-21 23-35 30-39 19-78-18-106-40-41-32-80-68-115-106-39-43-148-171-151-227-1-18 7-34 20-47-66-20-122-121-132-186-3-16-1-32-1-49z" fill="#01338b" stroke="#01338b"/><path d="M773 609c-13 1-25 6-34 16-36 36 1 98 25 131 30 40 88 98 141 95 14-1 27-7 36-17 32-40-1-97-27-130-30-38-90-97-141-95z" fill="#01338b" stroke="#01338b"/><path d="M236 24c-59 3-12 118 3 144 18 33 62 101 105 97 9-1 16-6 21-13 23-34-4-100-21-133-19-34-65-97-108-95z" fill="#01338b" stroke="#01338b"/><path d="M709 653c-6 7-15 13-18 22-17 45 32 114 62 145 30 32 125 107 160 45-15 0-29-1-43-5-63-21-133-97-154-160-5-16-4-31-7-47z" fill="#01338b" stroke="#01338b"/><path d="M196 42c-8 3-18 7-23 14-37 51 66 246 131 234 8-2 17-8 23-13-67-20-129-131-134-198-1-13 1-25 3-37z" fill="#01338b" stroke="#01338b"/></g><g id="navy" data-name="Navy"><path d="M227 10c-14 2-26 12-38 19-44 25-87 49-112 96-37 68-28 148-7 220 36 124 111 238 193 335 80 95 174 181 284 243 97 54 217 83 315 11 22-16 40-36 59-55 14-15 30-30 39-47 23-44-4-95-30-131-33-45-97-107-157-106-59 1-108 105-148 116-8 3-16 2-24 0-36-12-103-77-132-103-46-43-86-91-123-141-21-28-68-92-65-126 2-20 17-31 33-40 17-9 36-16 51-28 40-31 19-102 2-140-21-47-80-132-140-123zm9 14c43-2 89 61 108 95 17 33 44 99 21 133-5 7-12 12-21 13-43 4-87-64-105-97-15-26-62-141-3-144zM196 42c-2 12-4 24-3 37 5 67 67 178 134 198-6 5-15 11-23 13-65 12-168-183-131-234 5-7 15-11 23-14zM153 67c0 17-2 33 1 49 10 65 66 166 132 186-13 13-21 29-20 47 3 56 112 184 151 227 35 38 74 74 115 106 28 22 67 59 106 40 14-7 24-20 35-30 3 6 1 15 2 21 4 20 12 39 22 57 12 21 27 42 44 60 29 29 65 58 106 69 10 2 20 2 30 4-17 18-40 32-62 42-94 42-197 4-280-46-95-57-178-132-250-215-72-85-137-179-180-283-24-59-44-127-38-191 5-52 26-97 66-130 5-4 14-13 20-13zM773 609c51-2 111 57 141 95 26 33 59 90 27 130-9 10-22 16-36 17-53 3-111-55-141-95-24-33-61-95-25-131 9-10 21-15 34-16zm-64 44c3 16 2 31 7 47 21 63 91 139 154 160 14 4 28 5 43 5-35 62-130-13-160-45-30-31-79-100-62-145 3-9 12-15 18-22z" fill="#011344" stroke="#011344"/></g></svg>
CSS background-image
.phone {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/3s_boO5MjU4D/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/3s_boO5MjU4D/amnt.svg") center / contain no-repeat;
}
React
import PhoneSvg from "./phone.jsx"; // from the React tab above

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

Tags

phonecallhandsetcommunicationiconline

Made with AMNT

AMNT Draw 1.2 drew this from the words Phone: Curved telephone handset with rounded ends. A flat colour icon. as part of the pack Communication icons, line · Set 2. 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