Home/Libraries/Freehand free icons (Iconify)/website-development-browser-page-layout

Freehand free icons (Iconify)

WebsiteDevelopmentBrowserPageLayout

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"><path fill="#818cf8" d="M3.929 3.91a.81.81 0 0 0 .77-.77a.84.84 0 0 0-.85-.79a.78.78 0 0 0-.73.85a.76.76 0 0 0 .81.71M7.8 3.14a.84.84 0 0 0-.8-.79a.78.78 0 0 0-.73.85a.76.76 0 0 0 .73.71a.82.82 0 0 0 .8-.77m2.97 0a.82.82 0 0 0-.84-.79a.78.78 0 0 0-.73.85a.76.76 0 0 0 .8.71a.81.81 0 0 0 .77-.77"/><path fill="#818cf8" d="M22.42 5c-.66 0-1.33 0-2-.06c-1.57-.1-3.13-.28-4.69-.38c-1.38-.08-2.77-.14-4.17-.13s-2.77.07-4.15.14s-2.86.16-4.281.43q-.96.162-1.9.42q.033-1.599.27-3.18a.33.33 0 0 0-.25-.38a.33.33 0 0 0-.38.25a45 45 0 0 0-.76 7.43c0 1-.08 2.12-.1 3.19s0 2.15 0 3.18c.03 2.236.173 4.47.43 6.69a2 2 0 0 0 .24.89a.28.28 0 0 0 .4 0a.3.3 0 0 0 0-.37c-.1 0-.06-.3-.08-.59c-.09-1.19 0-3.72 0-6.63c0-1.42 0-2.94.06-4.44v-3c0-1 0-1.71.06-2.49q.99-.228 2-.34c1.41-.15 2.84-.17 4.22-.18s2.75 0 4.13 0h4.12c1.56 0 3.13.13 4.7.15h2a.31.31 0 0 0 .31-.32a.32.32 0 0 0-.18-.28"/><path fill="#818cf8" d="M24 17.68c0-5.08-.2-11.48-.16-12.45c.044-.668.01-1.34-.1-2a3.8 3.8 0 0 0-.55-1.37a2.72 2.72 0 0 0-1.69-1a22 22 0 0 0-3.89-.22C16 .56 14.36.48 12.74.45S9.5.41 7.87.46c-1.295 0-2.588.088-3.871.26a11 11 0 0 0-2.52.64a.29.29 0 0 0-.17.37a.28.28 0 0 0 .37.16a10.3 10.3 0 0 1 2.41-.54a30 30 0 0 1 3.76-.13c1.3 0 2.59 0 3.87.1c1.94.08 3.85.21 5.8.37c.77.06 2.09-.09 3.22.06a2.06 2.06 0 0 1 1.52.69c.197.304.33.644.39 1c.104.587.137 1.185.1 1.78c0 1 .29 7.39.45 12.49c.07 2.21.11 4.18.08 5.331a.34.34 0 0 0 .31.33a.32.32 0 0 0 .33-.31c.08-1.18.08-3.15.08-5.38"/><path fill="#818cf8" d="M15.37 9.94h1.78c.25 0 .51 0 .76-.06l.75-.09c.6-.08 1.18-.18 1.76-.23a.32.32 0 0 0 0-.64a18 18 0 0 0-1.84-.14h-.78a5 5 0 0 0-.78.11q-.902.197-1.77.51a.28.28 0 0 0-.22.33a.28.28 0 0 0 .34.21m5.24 7.56a18 18 0 0 0-1.83-.14h-.79a5 5 0 0 0-.78.11q-.902.198-1.77.51a.28.28 0 0 0-.22.33a.26.26 0 0 0 .33.22h1.78c.26 0 .51 0 .76-.06s.5-.05.75-.09c.6-.08 1.18-.18 1.76-.23a.33.33 0 0 0 .308-.445a.32.32 0 0 0-.298-.204m-3.5-4.891c.25 0 .49 0 .74-.06s.5-.06.74-.1c.59-.09 1.17-.22 1.75-.33a.33.33 0 0 0 .29-.35a.34.34 0 0 0-.36-.29h-2.52q-.385.033-.76.11q-.88.198-1.73.5a.29.29 0 0 0-.191.434a.27.27 0 0 0 .29.116c.58-.03 1.17-.01 1.75-.03m3.351 7.5h-2.54a7 7 0 0 0-.75.11q-.886.199-1.74.5a.282.282 0 0 0-.171.437a.28.28 0 0 0 .29.114h1.74c.25 0 .49 0 .74-.06s.5-.06.75-.1c.58-.09 1.15-.22 1.73-.33a.32.32 0 0 0 .29-.35a.31.31 0 0 0-.34-.32M3.689 14.25a.31.31 0 0 0 .31-.32c.06-.42.13-.81.18-1.23a4 4 0 0 0 0-.52v-.51c0-.42-.1-.81-.13-1.22a.29.29 0 0 0-.24-.32a.28.28 0 0 0-.32.25a7.6 7.6 0 0 0-.34 1.24q-.022.27 0 .54q-.015.27 0 .54c.05.42.12.82.2 1.24a.31.31 0 0 0 .34.31m.41 4.83c.05-.41.12-.8.18-1.22v-.52q.015-.255 0-.51c0-.42-.08-.82-.09-1.23a.3.3 0 0 0-.19-.33a.29.29 0 0 0-.32.24a9 9 0 0 0-.38 1.24a3.3 3.3 0 0 0 0 .55q-.015.276 0 .55c0 .43.12.84.2 1.26a.33.33 0 0 0 .34.31a.32.32 0 0 0 .26-.34m8.461-2.93a.32.32 0 0 0-.32-.32a.34.34 0 0 0-.32.33c-.05.36-.12.7-.15 1.06v.9c.06.35.18.67.25 1a.27.27 0 0 0 .161.268a.29.29 0 0 0 .398-.248q.14-.528.22-1.07a2.4 2.4 0 0 0 0-.46a2.3 2.3 0 0 0-.05-.45c-.03-.33-.12-.66-.19-1.01m-.809-5.54c0 .39-.1.78-.13 1.18v.5q-.015.255 0 .51q.113.608.29 1.2a.29.29 0 0 0 .408.244a.28.28 0 0 0 .161-.274c0-.4.15-.78.19-1.18v-.51q.023-.255 0-.51a10 10 0 0 0-.24-1.2a.32.32 0 0 0-.35-.3a.33.33 0 0 0-.33.34m-.519-1.78l.19.32a.27.27 0 0 0 .35.18A.28.28 0 0 0 12 9a4 4 0 0 0-.09-.58a1.3 1.3 0 0 0-.15-.32a1.42 1.42 0 0 0-.83-.54a1.6 1.6 0 0 0-.58 0c-.4 0-.8.15-1.12.16a.32.32 0 0 0-.293.516a.33.33 0 0 0 .212.124l2 .39a1 1 0 0 1 .08.08m1.221 11.44a.29.29 0 0 0-.29.28q-.055.46-.16.91a1.3 1.3 0 0 1-.32.62a.76.76 0 0 1-.32.22a4 4 0 0 1-.55.19q-.66.141-1.33.21a.321.321 0 0 0-.347.451a.32.32 0 0 0 .346.18a5.9 5.9 0 0 0 2.11 0a1.72 1.72 0 0 0 1-.64a2.2 2.2 0 0 0 .28-.94q.005-.61-.1-1.21a.28.28 0 0 0-.32-.27M7.42 7.75a11 11 0 0 0-1.33-.31a2.7 2.7 0 0 0-1 .09A1.77 1.77 0 0 0 3.8 8.8a.32.32 0 0 0 .2.42a.32.32 0 0 0 .39-.22a1 1 0 0 1 .66-.44a2.4 2.4 0 0 1 .4-.06c.21 0 .44 0 .67-.06l1.28-.13A.28.28 0 0 0 7.69 8a.27.27 0 0 0-.27-.25m-.04 14.92c-.48 0-1.19-.06-1.85-.17q-.306-.029-.59-.14a1 1 0 0 1-.3-.14a1 1 0 0 1-.2-.43a6 6 0 0 1-.13-.74a.34.34 0 0 0-.31-.31a.32.32 0 0 0-.31.33a6 6 0 0 0 0 1.19c.028.25.129.487.29.68c.392.381.912.602 1.46.62a9 9 0 0 0 2-.33a.28.28 0 0 0 0-.56z"/></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. WebsiteDevelopmentBrowserPageLayoutIcon.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.