← 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

Download 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=0.9pt]
  % handset body
  \filldraw[draw=otblue!75!black, fill=otblue!10, rounded corners=4pt] (0,0) rectangle (1.5,2.7);
  % screen
  \filldraw[draw=otblue!60!black, fill=otblue!20, rounded corners=1pt] (0.18,0.42) rectangle (1.32,2.28);
  % earpiece
  \draw[otblue!70!black, line width=1.4pt] (0.6,2.48) -- (0.9,2.48);
  % home button
  \draw[draw=otblue!70!black] (0.75,0.21) circle[radius=0.1];
\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.