Gentleface › Connectivity › hotspot

hotspot icon

Hotspot: mobile hotspot, tethering, personal hotspot, wifi hotspot. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.

Code line-round

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M1 9C1 8.034 1.192 7.107 1.576 6.22C1.929 5.403 2.421 4.68 3.05 4.05C3.68 3.421 4.403 2.929 5.22 2.576C6.107 2.192 7.034 2 8 2C8.966 2 9.893 2.192 10.78 2.576C11.597 2.929 12.32 3.421 12.95 4.05C13.579 4.68 14.071 5.403 14.424 6.22C14.808 7.107 15 8.034 15 9C15 9.967 14.808 10.893 14.424 11.78C14.071 12.597 13.579 13.32 12.95 13.95C12.85 14.049 12.732 14.099 12.596 14.099C12.46 14.099 12.342 14.049 12.243 13.95C12.143 13.85 12.093 13.732 12.093 13.596C12.093 13.46 12.143 13.342 12.243 13.243C12.782 12.703 13.203 12.083 13.506 11.383C13.835 10.623 14 9.828 14 9C14 8.172 13.835 7.377 13.506 6.617C13.203 5.917 12.782 5.297 12.243 4.757C11.703 4.218 11.083 3.797 10.383 3.494C9.623 3.165 8.828 3 8 3C7.172 3 6.377 3.165 5.617 3.494C4.917 3.797 4.297 4.218 3.757 4.757C3.218 5.297 2.797 5.917 2.494 6.617C2.165 7.377 2 8.172 2 9C2 9.828 2.165 10.623 2.494 11.383C2.797 12.083 3.218 12.703 3.757 13.243C3.857 13.342 3.907 13.46 3.907 13.596C3.907 13.732 3.857 13.85 3.757 13.95C3.66 14.047 3.542 14.096 3.404 14.096C3.266 14.096 3.148 14.047 3.05 13.95C2.421 13.32 1.929 12.597 1.576 11.78C1.192 10.893 1 9.966 1 9ZM4.329 10.589C4.11 10.082 4 9.552 4 9C4 8.448 4.11 7.918 4.329 7.411C4.531 6.944 4.812 6.531 5.172 6.172C5.531 5.812 5.944 5.531 6.411 5.329C6.918 5.11 7.448 5 8 5C8.552 5 9.082 5.11 9.589 5.329C10.056 5.531 10.469 5.812 10.828 6.172C11.188 6.531 11.469 6.944 11.671 7.411C11.89 7.918 12 8.448 12 9C12 9.552 11.89 10.082 11.671 10.589C11.469 11.056 11.188 11.469 10.828 11.828C10.729 11.928 10.611 11.978 10.475 11.978C10.339 11.978 10.221 11.928 10.121 11.828C10.022 11.729 9.972 11.611 9.972 11.475C9.972 11.339 10.022 11.221 10.121 11.121C10.391 10.852 10.602 10.542 10.753 10.192C10.918 9.811 11 9.414 11 9C11 8.586 10.918 8.189 10.753 7.808C10.602 7.458 10.391 7.148 10.121 6.879C9.852 6.609 9.542 6.398 9.192 6.247C8.811 6.082 8.414 6 8 6C7.586 6 7.189 6.082 6.808 6.247C6.458 6.398 6.148 6.609 5.879 6.879C5.609 7.148 5.398 7.458 5.247 7.808C5.082 8.189 5 8.586 5 9C5 9.414 5.082 9.811 5.247 10.192C5.398 10.542 5.609 10.852 5.879 11.121C5.978 11.221 6.028 11.339 6.028 11.475C6.028 11.611 5.978 11.729 5.879 11.828C5.781 11.926 5.663 11.975 5.525 11.975C5.387 11.975 5.269 11.926 5.172 11.828C4.812 11.469 4.531 11.056 4.329 10.589ZM7.293 8.293C7.488 8.098 7.724 8 8 8C8.276 8 8.512 8.098 8.707 8.293C8.902 8.488 9 8.724 9 9C9 9.276 8.902 9.512 8.707 9.707C8.512 9.902 8.276 10 8 10C7.724 10 7.488 9.902 7.293 9.707C7.098 9.512 7 9.276 7 9C7 8.724 7.098 8.488 7.293 8.293Z"/></svg>

React

// Gentleface "hotspot" (line-round), MIT. https://gentleface.com/icons/hotspot
import type { SVGProps } from 'react';

export function HotspotIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" {...props}>
      <path d="M1 9C1 8.034 1.192 7.107 1.576 6.22C1.929 5.403 2.421 4.68 3.05 4.05C3.68 3.421 4.403 2.929 5.22 2.576C6.107 2.192 7.034 2 8 2C8.966 2 9.893 2.192 10.78 2.576C11.597 2.929 12.32 3.421 12.95 4.05C13.579 4.68 14.071 5.403 14.424 6.22C14.808 7.107 15 8.034 15 9C15 9.967 14.808 10.893 14.424 11.78C14.071 12.597 13.579 13.32 12.95 13.95C12.85 14.049 12.732 14.099 12.596 14.099C12.46 14.099 12.342 14.049 12.243 13.95C12.143 13.85 12.093 13.732 12.093 13.596C12.093 13.46 12.143 13.342 12.243 13.243C12.782 12.703 13.203 12.083 13.506 11.383C13.835 10.623 14 9.828 14 9C14 8.172 13.835 7.377 13.506 6.617C13.203 5.917 12.782 5.297 12.243 4.757C11.703 4.218 11.083 3.797 10.383 3.494C9.623 3.165 8.828 3 8 3C7.172 3 6.377 3.165 5.617 3.494C4.917 3.797 4.297 4.218 3.757 4.757C3.218 5.297 2.797 5.917 2.494 6.617C2.165 7.377 2 8.172 2 9C2 9.828 2.165 10.623 2.494 11.383C2.797 12.083 3.218 12.703 3.757 13.243C3.857 13.342 3.907 13.46 3.907 13.596C3.907 13.732 3.857 13.85 3.757 13.95C3.66 14.047 3.542 14.096 3.404 14.096C3.266 14.096 3.148 14.047 3.05 13.95C2.421 13.32 1.929 12.597 1.576 11.78C1.192 10.893 1 9.966 1 9ZM4.329 10.589C4.11 10.082 4 9.552 4 9C4 8.448 4.11 7.918 4.329 7.411C4.531 6.944 4.812 6.531 5.172 6.172C5.531 5.812 5.944 5.531 6.411 5.329C6.918 5.11 7.448 5 8 5C8.552 5 9.082 5.11 9.589 5.329C10.056 5.531 10.469 5.812 10.828 6.172C11.188 6.531 11.469 6.944 11.671 7.411C11.89 7.918 12 8.448 12 9C12 9.552 11.89 10.082 11.671 10.589C11.469 11.056 11.188 11.469 10.828 11.828C10.729 11.928 10.611 11.978 10.475 11.978C10.339 11.978 10.221 11.928 10.121 11.828C10.022 11.729 9.972 11.611 9.972 11.475C9.972 11.339 10.022 11.221 10.121 11.121C10.391 10.852 10.602 10.542 10.753 10.192C10.918 9.811 11 9.414 11 9C11 8.586 10.918 8.189 10.753 7.808C10.602 7.458 10.391 7.148 10.121 6.879C9.852 6.609 9.542 6.398 9.192 6.247C8.811 6.082 8.414 6 8 6C7.586 6 7.189 6.082 6.808 6.247C6.458 6.398 6.148 6.609 5.879 6.879C5.609 7.148 5.398 7.458 5.247 7.808C5.082 8.189 5 8.586 5 9C5 9.414 5.082 9.811 5.247 10.192C5.398 10.542 5.609 10.852 5.879 11.121C5.978 11.221 6.028 11.339 6.028 11.475C6.028 11.611 5.978 11.729 5.879 11.828C5.781 11.926 5.663 11.975 5.525 11.975C5.387 11.975 5.269 11.926 5.172 11.828C4.812 11.469 4.531 11.056 4.329 10.589ZM7.293 8.293C7.488 8.098 7.724 8 8 8C8.276 8 8.512 8.098 8.707 8.293C8.902 8.488 9 8.724 9 9C9 9.276 8.902 9.512 8.707 9.707C8.512 9.902 8.276 10 8 10C7.724 10 7.488 9.902 7.293 9.707C7.098 9.512 7 9.276 7 9C7 8.724 7.098 8.488 7.293 8.293Z" />
    </svg>
  );
}

Vue

Vue: see /icons/hotspot.md

Svelte

Svelte: see /icons/hotspot.md

HTML img

HTML img: see /icons/hotspot.md

CSS

CSS: see /icons/hotspot.md

Data URL

Data URL: see /icons/hotspot.md

Sprite

Sprite: see /icons/hotspot.md

SwiftUI

SwiftUI: see /icons/hotspot.md

Compose

Compose: see /icons/hotspot.md

Android XML

Android XML: see /icons/hotspot.md

Flutter

Flutter: see /icons/hotspot.md

Each SVG is 16 × 16 with fill="currentColor". Keep it at 16 px or an exact multiple (32, 48) on whole pixels: a fractional size or position blurs it. The snippets are decorative (aria-hidden). For an icon that carries meaning on its own, such as an icon-only button, label the button, or give the SVG role="img" and an aria-label. More in how to use.

Meaning

Use it for

mobile hotspot, tethering, personal hotspot, wifi hotspot

Alternatives

router: a router or an access point (router)

Also fits

router: a phone shared as a hotspot (mobile-hotspot)

Tags

hotspot, tethering, wifi, access-point, share, internet, mobile

Category

Connectivity

Component name

HotspotIcon

History

2026-10-16 added

Family 1

hotspot-off

More connectivity icons

antenna bluetooth bluetooth-connected bluetooth-off bluetooth-searching cast cast-connected cloud cloud-alert cloud-arrow-down cloud-arrow-up cloud-check cloud-clock cloud-gear cloud-lock cloud-off · all connectivity icons

For agents

Metadata: /icons/hotspot.json · Markdown: /icons/hotspot.md · SVG: https://gentleface.com/svg/{style}/16/hotspot.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/hotspot.png

hotspot icon Copy name

line-round

line-soft

line-sharp

solid-round

solid-soft

solid-sharp