phone icon
phone-solid from Flowbite Icons by Themesberg · Solid · General · MIT Free for personal and commercial use.
- Name
- phone-solid
- Set
- Flowbite Icons
- Style
- Solid
- Category
- General
- Viewbox
- 24×24
- License
- MIT
1 other variant in Flowbite Icons
The same icon in other sets
phoneAkar Iconsphone-filledAnt Design IconsphoneBootstrap IconsphoneBoxIcons v2phoneBoxIcons v2 SolidphoneCarbonphoneElement Plusphone-fillEva IconsphoneFramework7 IconsphoneFont Awesome 6 SolidphoneFont Awesome SolidphoneFeather Iconsphone-12-filledFluent UI System Iconsphone-16Fluent UI System Color Iconsphonecss.ggphoneHealth IconsphoneHeroIconsphoneHuge IconsphoneHumbleiconsphoneIconParkphoneIconPark OutlinephoneIconPark SolidphoneIconPark TwoTonephoneIconoir
More general icons from Flowbite Icons
add-column-after-outlineadd-column-before-outlineadjustments-horizontal-outlineadjustments-vertical-outlineannotation-outlineapi-key-outlinearchive-outlinearrow-up-right-from-square-outlineatom-outlineaward-outlinebadge-check-outlineban-outlinebarcode-outlinebars-from-left-outlinebars-outlinebattery-outlinebed-outlinebell-active-alt-outlinebell-active-outlinebell-outlinebell-ring-outlineblender-phone-outlinebook-open-outlinebook-outline
Use the phone icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M7.978 4a2.55 2.55 0 0 0-1.926.877C4.233 6.7 3.699 8.751 4.153 10.814c.44 1.995 1.778 3.893 3.456 5.572c1.68 1.679 3.577 3.018 5.57 3.459c2.062.456 4.115-.073 5.94-1.885a2.556 2.556 0 0 0 .001-3.861l-1.21-1.21a2.69 2.69 0 0 0-3.802 0l-.617.618a.806.806 0 0 1-1.14 0l-1.854-1.855a.807.807 0 0 1 0-1.14l.618-.62a2.69 2.69 0 0 0 0-3.803l-1.21-1.211A2.56 2.56 0 0 0 7.978 4"/></svg>
React
import type { SVGProps } from "react";
export function FlowbitePhoneSolid(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M7.978 4a2.55 2.55 0 0 0-1.926.877C4.233 6.7 3.699 8.751 4.153 10.814c.44 1.995 1.778 3.893 3.456 5.572c1.68 1.679 3.577 3.018 5.57 3.459c2.062.456 4.115-.073 5.94-1.885a2.556 2.556 0 0 0 .001-3.861l-1.21-1.21a2.69 2.69 0 0 0-3.802 0l-.617.618a.806.806 0 0 1-1.14 0l-1.854-1.855a.807.807 0 0 1 0-1.14l.618-.62a2.69 2.69 0 0 0 0-3.803l-1.21-1.211A2.56 2.56 0 0 0 7.978 4"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M7.978 4a2.55 2.55 0 0 0-1.926.877C4.233 6.7 3.699 8.751 4.153 10.814c.44 1.995 1.778 3.893 3.456 5.572c1.68 1.679 3.577 3.018 5.57 3.459c2.062.456 4.115-.073 5.94-1.885a2.556 2.556 0 0 0 .001-3.861l-1.21-1.21a2.69 2.69 0 0 0-3.802 0l-.617.618a.806.806 0 0 1-1.14 0l-1.854-1.855a.807.807 0 0 1 0-1.14l.618-.62a2.69 2.69 0 0 0 0-3.803l-1.21-1.211A2.56 2.56 0 0 0 7.978 4"/></svg> </template>
CSS
.icon-phone-solid {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M7.978%204a2.55%202.55%200%200%200-1.926.877C4.233%206.7%203.699%208.751%204.153%2010.814c.44%201.995%201.778%203.893%203.456%205.572c1.68%201.679%203.577%203.018%205.57%203.459c2.062.456%204.115-.073%205.94-1.885a2.556%202.556%200%200%200%20.001-3.861l-1.21-1.21a2.69%202.69%200%200%200-3.802%200l-.617.618a.806.806%200%200%201-1.14%200l-1.854-1.855a.807.807%200%200%201%200-1.14l.618-.62a2.69%202.69%200%200%200%200-3.803l-1.21-1.211A2.56%202.56%200%200%200%207.978%204%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M7.978%204a2.55%202.55%200%200%200-1.926.877C4.233%206.7%203.699%208.751%204.153%2010.814c.44%201.995%201.778%203.893%203.456%205.572c1.68%201.679%203.577%203.018%205.57%203.459c2.062.456%204.115-.073%205.94-1.885a2.556%202.556%200%200%200%20.001-3.861l-1.21-1.21a2.69%202.69%200%200%200-3.802%200l-.617.618a.806.806%200%200%201-1.14%200l-1.854-1.855a.807.807%200%200%201%200-1.14l.618-.62a2.69%202.69%200%200%200%200-3.803l-1.21-1.211A2.56%202.56%200%200%200%207.978%204%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/flowbite/phone-solid.svg?color=%231a73e8&size=48
