Home/Libraries/Freehand free icons (Iconify)/phone-book

Freehand free icons (Iconify)

PhoneBook

License: CC-BY-4.0

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 24 24"><g fill="#818cf8" fill-rule="evenodd" clip-rule="evenodd"><path d="M23.881 2.465a1.17 1.17 0 0 0-.509-.869a2.6 2.6 0 0 0-1.147-.11l-.998.09a.3.3 0 0 0-.29.31a.29.29 0 0 0 .186.27a.3.3 0 0 0 .114.02l.938.05q.344.016.678.099c.08 0 0 .11 0 .26l-.06 1.277v1.307q.068.692.06 1.387c0 .24 0 .48-.14.599a1.4 1.4 0 0 1-.488.36q-.34.042-.679 0a.34.34 0 1 0-.07.668c.298.064.604.084.908.06q.196-.037.37-.13l-.16 2.874a3 3 0 0 1-.13.858a2.4 2.4 0 0 1-.36.779a.86.86 0 0 1-.308.259a1.2 1.2 0 0 1-.45.06a.339.339 0 0 0-.11.669c.254.054.516.054.769 0c.272-.067.522-.2.728-.39c.312-.276.56-.616.729-.998a3.6 3.6 0 0 0 .28-1.197v-.998c-.06-.758-.21-1.677-.32-2.315c.19-.202.324-.45.39-.719a8.6 8.6 0 0 0 .139-1.786V3.882zM8.313 6.876c.279-.383.616-.72.998-.998a.34.34 0 1 0-.369-.57a5 5 0 0 0-.998.909a9.6 9.6 0 0 0-1.108 1.577a6.42 6.42 0 0 0-.269 5.06a7 7 0 0 0 3.283 3.921c.924.471 1.96.675 2.994.589a7.4 7.4 0 0 0 2.904-.908c.468-.275.898-.61 1.277-.998a3 3 0 0 0 .729-1.058a.7.7 0 0 0 0-.39a2.4 2.4 0 0 0-.47-.628a11.5 11.5 0 0 0-2.244-1.756a1.4 1.4 0 0 0-.809.13c-.37.15-.858.418-1.237.598l-.29.13a8 8 0 0 1-1.187-1.058a9 9 0 0 1-.868-.998a2 2 0 0 1-.17-.27a4.3 4.3 0 0 1 .42-.877q.245-.476.608-.869c.185-.147.335-.335.439-.549a.5.5 0 0 0 0-.409a7 7 0 0 0-.729-.998c-.359-.459-.808-.948-1.167-1.377a.3.3 0 0 0-.46.38c.35.439.78.908 1.148 1.397q.312.397.56.838l-.2.19a4.8 4.8 0 0 0-.819.997c-.257.376-.452.79-.578 1.228a1 1 0 0 0 .14.549q.346.578.808 1.067q.721.83 1.576 1.517c.117.087.25.15.39.19a.9.9 0 0 0 .499-.06c.349-.11.938-.43 1.417-.619q.15-.067.309-.11c.64.473 1.232 1.008 1.766 1.597a5.4 5.4 0 0 1-.678.669a4.2 4.2 0 0 1-.689.509a6.3 6.3 0 0 1-2.445.778a4.43 4.43 0 0 1-2.445-.419a6 6 0 0 1-2.904-3.283a5.55 5.55 0 0 1 .09-4.391q.331-.651.778-1.227m-5.658-.998c.39 0 .759-.13 1.168-.2a.34.34 0 0 0-.01-.679A6 6 0 0 0 .5 5a.3.3 0 1 0 0 .6q.58.18 1.177.289q.25.015.5 0q.239.008.478-.01"/><path d="M20.528 3.832a9 9 0 0 0-.24-2.226A2.2 2.2 0 0 0 19.68.61a2.2 2.2 0 0 0-.998-.47a9.4 9.4 0 0 0-2.046-.13L7.894.09L4.062.16a5.8 5.8 0 0 0-1.337.15a1.23 1.23 0 0 0-.609.35a2.6 2.6 0 0 0-.23 1.077c0 .629-.06 1.457-.06 2.176s.58 1.057.63 0v-.799c0-.668.07-1.337.12-1.746q.02-.137.06-.27a1 1 0 0 1 .428-.15q.498-.063.998-.06h3.832l8.742.12q.791-.015 1.577.09c.267.016.524.11.738.27c.187.217.306.484.34.768q.135.843.12 1.697v1.996c0 1.596-.1 3.203-.1 4.78v7.364c.028 1-.019 2.001-.14 2.994c-.09.689-.2 1.318-.509 1.547a2.2 2.2 0 0 1-1.058.35q-.996.105-1.996.09l-9.21.279H3.253l-.559-.07a1.24 1.24 0 0 1-.16-.54c-.06-.418-.07-.887-.08-1.117a.35.35 0 0 0-.389-.35a.35.35 0 0 0-.329.35q.004.735.13 1.457c.034.257.134.501.29.709c.095.11.22.193.358.24q.335.081.679.089h3.203l9.201-.11q1.07.04 2.136-.05a3.34 3.34 0 0 0 1.537-.519a2.87 2.87 0 0 0 .848-1.676c.211-1.216.312-2.448.3-3.682v-7.255c0-1.567.08-3.174.1-4.77c.029-.729.029-1.418.01-2.106"/><path d="M1.937 11.177c.19.998.778.808.998 0V9.919a6 6 0 0 0 0-.728c-.07-.739-.2-1.367-.26-1.697a.32.32 0 0 0-.31-.29a.3.3 0 0 0-.299.31c0 .33-.16.998-.23 1.687q-.021.359 0 .718v.729c0 .24.08.339.1.529"/><path d="M3.992 12.204a5.8 5.8 0 0 0-3.592.08a.3.3 0 1 0 0 .589c.36 0 .768.14 1.237.19h.52q.258.015.518 0c.44-.05.848-.12 1.218-.15a.35.35 0 0 0 .369-.32a.34.34 0 0 0-.27-.389m-2.185 6.008c.15.898.868.818.998 0v-1.118q.022-.359 0-.718c-.06-.759-.18-1.397-.2-1.657a.3.3 0 0 0-.27-.33a.3.3 0 0 0-.319.27q-.21.838-.299 1.697v.728q-.022.36 0 .719c.07.17.08.28.09.409"/><path d="M4.202 19.28A7.8 7.8 0 0 0 .5 19.21a.31.31 0 0 0-.3.3a.3.3 0 0 0 .3.299c.299.06.748.2 1.277.29q.278.04.559.049q.28.015.559 0q.679-.048 1.347-.18a.34.34 0 0 0 .32-.359a.35.35 0 0 0-.36-.33"/></g></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. PhoneBookIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC-BY-4.0** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.