Home/Libraries/Freehand free icons (Iconify)/worldwide-web-users

Freehand free icons (Iconify)

WorldwideWebUsers

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="M18.479 5.4a6.5 6.5 0 0 0-1.864-3.757A12.4 12.4 0 0 0 14.69.467a.369.369 0 0 0-.32.658q.904.481 1.715 1.106a5.62 5.62 0 0 1 1.485 3.638q-1.24.082-2.481 0a8.2 8.2 0 0 0-.539-2.183c.708 0 1.346 0 1.844-.08a.369.369 0 0 0 0-.727c-.588 0-1.365-.14-2.222-.24l-.36-.996a.323.323 0 1 0-.617.19l.15.707q-1.243-.134-2.493-.12A3.87 3.87 0 0 1 12.33.827a.3.3 0 0 0 .14-.13h.288a.32.32 0 1 0 .07-.638C9.647-.36 7.275 1.513 6.029 4.534a5.81 5.81 0 0 0 2.073 6.907a6.578 6.578 0 0 0 10.377-6.04m-.937 1.257a5.2 5.2 0 0 1-.549 1.734a6.7 6.7 0 0 1-2.073.349a9 9 0 0 0 .22-1.744q1.21-.097 2.401-.34m-10.795-.2c.578.12 1.325.24 2.163.35a7 7 0 0 0 .2 1.913c-.669 0-1.297-.09-1.895-.17a4.8 4.8 0 0 1-.468-2.093m3.359.539a29 29 0 0 0 3.817 0q0 .876-.13 1.744h-3.567a10 10 0 0 1-.12-1.744m3.478-3.2q.244 1.058.29 2.143c-1.904-.08-3.26-.08-3.698-.08q.086-1.081.309-2.143c1.305.02 2.222.03 3.1.03zM11.202.806A4.3 4.3 0 0 0 9.767 2.55q-.84.064-1.665.24a4.76 4.76 0 0 1 3.1-2.014zm-3.628 2.8q.892-.06 1.784 0A10 10 0 0 0 8.96 5.82H6.797a6 6 0 0 1 .777-2.212m.13 5.792c.548.14 1.126.269 1.724.369c.177.456.411.888.698 1.285A4.8 4.8 0 0 1 7.704 9.4m3.867 1.993a3.55 3.55 0 0 1-.997-1.505a15.4 15.4 0 0 0 2.99 0a3.6 3.6 0 0 1-.558 1.485a4.7 4.7 0 0 1-1.435.06zm2.572-.409c.947-1.893-.32-.847 2.103-1.554a5.9 5.9 0 0 1-2.103 1.554M6.707 17.88c-.12.15-.06.389-.728.389s-.478-.588-.996-.558c-.17 0-.24.169-.21.338c.177.361.458.66.808.858a1.265 1.265 0 0 0 1.664-.808c0-.08.05-.07.05-.17a.3.3 0 0 0-.588-.049m12.09-.1c-.12.15-.06.39-.717.39c-.658 0-.489-.589-1.047-.56c-.16 0-.239.17-.21.34c.183.36.467.658.818.857a1.265 1.265 0 0 0 1.665-.847v-.17a.3.3 0 0 0-.509-.01"/><path d="M23.093 21.628a4.87 4.87 0 0 0-2.77-1.625c2.152-1.694 1.843-5.98-.888-6.509a.339.339 0 0 0-.15.658a2.22 2.22 0 0 1 1.556 1.994a1.63 1.63 0 0 1-1.326-.419c-.349-.548-.26-.369-.349-.698c-.09-.329-.578-.628-1.086-.14c-.26.26-.359.629-.997.948a2.6 2.6 0 0 1-1.096.349c-.608.06-.479 0-.718 0a2.79 2.79 0 0 1 3.15-2.423a.3.3 0 0 0 .331-.133a.3.3 0 0 0-.034-.357a.3.3 0 0 0-.228-.098c-4.405-.538-5.551 5.064-2.76 6.978a6.2 6.2 0 0 0-1.615.657a3.07 3.07 0 0 0-1.685 2.891a.3.3 0 0 0 .598 0c.122-.533.443-1 .897-1.306a11.4 11.4 0 0 1 2.682-1.794a4.48 4.48 0 0 0 2.9-.06c.97.45 1.865 1.05 2.651 1.774c.458.302.78.77.897 1.306a.3.3 0 0 0 .599 0a2.5 2.5 0 0 0-.559-1.993m-6.03-2.143a2.61 2.61 0 0 1-1.814-2.652a3.17 3.17 0 0 0 3.26-.697a2.42 2.42 0 0 0 2.312.747c-.19 2.073-1.545 3.16-3.758 2.602M9.877 20.68a6.3 6.3 0 0 0-1.675-.667c2.153-1.684 1.864-5.92-.887-6.499a.333.333 0 1 0-.15.648a2.24 2.24 0 0 1 1.555 1.994a1.62 1.62 0 0 1-1.325-.419c-.35-.548-.26-.369-.35-.688a.547.547 0 0 0-.797-.349c-.378.18-.528.549-.737.768a2.72 2.72 0 0 1-2.333.688a2.8 2.8 0 0 1 3.15-2.422a.3.3 0 0 0 .07-.588c-4.226-.599-5.672 4.983-2.761 6.977a4.83 4.83 0 0 0-2.711 1.595a2.5 2.5 0 0 0-.588 1.943a.3.3 0 0 0 .598 0c.07-.747.937-1.356 1.535-1.824a8.1 8.1 0 0 1 1.924-1.206a.4.4 0 0 0 .12-.07a4.45 4.45 0 0 0 2.9-.06a9.4 9.4 0 0 1 1.993 1.256c.598.469 1.465 1.077 1.535 1.824a.298.298 0 0 0 .414.277a.3.3 0 0 0 .184-.277a3.06 3.06 0 0 0-1.664-2.9m-4.924-1.185a2.6 2.6 0 0 1-1.824-2.652a3.17 3.17 0 0 0 3.259-.697a2.46 2.46 0 0 0 2.312.757c-.189 2.054-1.545 3.15-3.747 2.592"/></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. WorldwideWebUsersIcon.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.