Home/Libraries/Freehand free icons (Iconify)/ui-webpage-bullets

Freehand free icons (Iconify)

UiWebpageBullets

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" fill-rule="evenodd" d="M2.316.394a.363.363 0 0 0 .28.67c2.301-.9 3.401 1.601 2.341 3.341c-.71 1.18-3 1.07-3.68.23a2.64 2.64 0 0 1-.18-2.66a.32.32 0 1 0-.581-.25c-2.27 4.721 3.9 6.121 5.501 3.31c1.33-2.35-.31-6.12-3.68-4.64m7.221 10.582c-.9.52-1.14 2.38-.14 2.94a2.16 2.16 0 0 0 2 0c1.84-1.06-.01-4.06-1.86-2.94m-.17 6.862c-.9.52-1.15 2.38-.15 2.93a2.13 2.13 0 0 0 2 0c1.84-1.02-.01-4-1.85-2.93M22.151 1.375a74.4 74.4 0 0 0-12.503.16c-.17 0-1.08.08-1.2.12a.33.33 0 0 0-.07.6c.12.06-.06 0 1.3 0c4.156.237 8.322.207 12.473-.09c.85 0 2.07 0 1.81-.41c.25-.38-.77-.33-1.81-.38M11.669 5.976a36 36 0 0 0 7.001-.38a.37.37 0 0 0 0-.73c-1.36 0-3-.08-4.51-.08c-2.081 0-3.471.17-4.502.23c-.61 0-1.09 0-1.15.07s-.4.51.13.62c.19 0 1.9.16 3.03.27m11.404 5.921c-1.78 0-3.391-.18-5.442-.07c-.94.05-1.76.16-2.33.2a9 9 0 0 0-1 .07a.32.32 0 0 0 .13.62c.16 0 2.5.29 3.59.32a33.5 33.5 0 0 0 5.112-.41a.37.37 0 0 0-.06-.73m.07 7.443c-1.75 0-3.441-.19-5.442-.08c-.94.06-1.76.16-2.33.2s-1 .05-1 .07s-.4.51.13.62c.18 0 2.54.3 3.59.32a34.6 34.6 0 0 0 5.112-.4a.37.37 0 0 0-.06-.73M5.337 11.617a.37.37 0 0 0 .36-.37c.19-.73.26-2.56-.35-2.6a.34.34 0 0 0-.35.33c-.49 1.17-.17 2.64.34 2.64m0 4.131a.37.37 0 0 0 .36-.37c.19-.73.26-2.56-.35-2.6a.34.34 0 0 0-.35.3c-.49 1.21-.17 2.67.34 2.67m0 4.291a.37.37 0 0 0 .36-.37c.19-.73.26-2.56-.35-2.6a.33.33 0 0 0-.35.3c-.49 1.2-.17 2.67.34 2.67m.24 1.421a.32.32 0 1 0-.64.05a2.05 2.05 0 0 0-.06 2a.37.37 0 1 0 .73 0c.24-.88.49-.93-.03-2.05" clip-rule="evenodd"/></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. UiWebpageBulletsIcon.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.