← browse the library
Mobile / edge device preview
icon

Mobile / edge device

A handset representing a mobile or edge device, for client- and edge-side blocks.

idmobile
typeicon
domainsystems
requirestikz
licenseCC0-1.0
authorOpenTikZ contributors

mobilephoneedgedeviceclienton-device

SVG
mobile.tex
\documentclass[border=4pt]{standalone}

% --- packages (mirror these in mobile.meta.json "requires") ---
\usepackage{tikz}

% --- palette (canonical source: reference/color-palettes/color-palettes.md; light variant) ---
\definecolor{otblue}{HTML}{0072B2}
\definecolor{otorange}{HTML}{E69F00}
\definecolor{otteal}{HTML}{009E73}
\definecolor{otpurple}{HTML}{CC79A7}
\definecolor{otgray}{HTML}{5A5A5A}

\begin{document}
\begin{tikzpicture}[line width=2pt]
  % clean outlined handset (neutral structure color, no screen fill)
  \draw[draw=otgray, rounded corners=7pt] (0,0) rectangle (1.6,2.9);
  % earpiece speaker (rounded pill, centered near the top)
  \draw[draw=otgray, line width=1.6pt, line cap=round] (0.62,2.55) -- (0.98,2.55);
  % home button (solid dot, centered near the bottom)
  \fill[otgray] (0.8,0.36) circle[radius=0.13];
\end{tikzpicture}
\end{document}

Use it

The file compiles on its own (\documentclass{standalone}). Drop it into your project and \input it, or copy the tikzpicture into your figure. Colours come from the shared palette defined in the preamble — edit those named colours, not raw hex.

Graphic content is CC0 1.0 (public domain) — reuse freely, no attribution required.