Home/Libraries/Freehand free icons (Iconify)/paragraphs-bullets

Freehand free icons (Iconify)

ParagraphsBullets

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.902 5.489a20 20 0 0 0-.36-3.27a1.77 1.77 0 0 0-.52-1a8.3 8.3 0 0 0-2.769-.59A94 94 0 0 0 9.776.27A47 47 0 0 0 2.777.8a3.75 3.75 0 0 0-1.97.8a5.2 5.2 0 0 0-.599 2.31a68 68 0 0 0-.14 8.358c.059 3.146.373 6.282.94 9.378c.077.433.259.842.53 1.19a3.9 3.9 0 0 0 1.83.57c2.21.248 4.433.361 6.658.339a92 92 0 0 0 12.427-.68a.29.29 0 0 0 .25-.34a.31.31 0 0 0-.35-.26a91 91 0 0 1-12.347.46a55 55 0 0 1-6.529-.44a3.2 3.2 0 0 1-1.31-.36a4.5 4.5 0 0 1-.41-1.7a77 77 0 0 1-.57-8.187A69 69 0 0 1 1.367 4c.004-.57.12-1.134.34-1.66a1 1 0 0 1 .3-.15q.673-.215 1.37-.32a64 64 0 0 1 8.628-.5c3.27 0 6.548.08 8.618.3c.618.03 1.23.14 1.82.33c-.13.11.18.42.25.81a37 37 0 0 1 .4 4.71c.16 4.408.07 10.277 0 13.996a.35.35 0 0 0 .34.35a.35.35 0 0 0 .35-.34c.14-4.32.34-11.528.12-16.036"/><path d="M4.297 8.328q1.066.123 2.14.1c.39.003.78-.044 1.16-.14a.8.8 0 0 0 .34-.22a.9.9 0 0 0 .19-.43c.07-.543.087-1.093.05-1.64a9.5 9.5 0 0 0-.17-1.69a1 1 0 0 0-.22-.399a2 2 0 0 0-1-.21a18.4 18.4 0 0 0-2.89.21a.33.33 0 0 0-.23.18a.33.33 0 0 0-.25.32a30 30 0 0 0-.11 3.06a1 1 0 0 0 .28.659a2 2 0 0 0 .71.2m1-3.83q.86.012 1.71.15q.063 1.05 0 2.1v.47c-.836.101-1.679.135-2.52.1h-.32a27 27 0 0 1-.09-2.82c.3-.02.77-.02 1.25 0zm-1.6 9.729c.23.116.482.185.74.2q1.066.12 2.14.11q.588 0 1.16-.15a.9.9 0 0 0 .34-.22a1 1 0 0 0 .19-.43a9 9 0 0 0 .05-1.67a9 9 0 0 0-.22-1.65a.74.74 0 0 0-.22-.4a2 2 0 0 0-1-.21c-.96-.012-1.92.052-2.87.19a.28.28 0 0 0-.23.17a.35.35 0 0 0-.26.32c0 .86-.15 2.39-.1 3.07a.92.92 0 0 0 .28.67m1.76-3.63q.85.021 1.69.15q.069 1.04 0 2.08v.47c-.836.1-1.679.134-2.52.1h-.32c-.1-.63-.12-2-.14-2.83c.35.02.84.02 1.29.03m-1.55 9.928c.23.117.482.185.74.2q1.066.123 2.14.1a4.5 4.5 0 0 0 1.15-.14a.84.84 0 0 0 .349-.22a1 1 0 0 0 .19-.47a9 9 0 0 0 0-1.68a9 9 0 0 0-.22-1.64a.83.83 0 0 0-.22-.41a2 2 0 0 0-1-.199c-.967-.01-1.933.057-2.889.2a.31.31 0 0 0-.23.18a.35.35 0 0 0-.26.32c-.05.86-.15 2.39-.1 3.059a1 1 0 0 0 .35.7m1.76-3.63q.85.021 1.69.15q.069 1.04 0 2.08v.47a18 18 0 0 1-2.52.1a2 2 0 0 0-.33 0c-.09-.63-.11-2-.13-2.84c.35.02.81.02 1.29.04m8.158-11.346c.16 0 .55-.12.67-.13h2.569c.64 0 1.28-.1 1.93-.08l2.119.06a.34.34 0 0 0 .34-.34a.35.35 0 0 0-.34-.35l-2.11-.4a9 9 0 0 0-1.17-.08c-.56 0-1.12.06-1.679.07a7 7 0 0 0-.76.11l-1 .26c-.13 0-.89.34-.9.35s-.16.63.33.53m-2.739 4.049s-.23.53.2.55h.28c.48 0 1.49.06 2.69.08h1.11c.55 0 1.109 0 1.659-.08c2-.16 3.839-.4 4.139-.41a.35.35 0 0 0 .34-.35a.34.34 0 0 0-.34-.34c-.3-.05-2.16-.05-4.16-.05c-.549 0-1.119 0-1.669.08l-1.1.11c-1.19.13-2.189.27-2.669.32s-.4.03-.48.09m10.078 4.938a.34.34 0 0 0 .34-.34a.35.35 0 0 0-.34-.35c-.3 0-2.16-.08-4.19 0c-.549 0-1.119 0-1.669.08l-1.1.07c-1.19.13-2.189.26-2.669.32c-.9.09-.49.62-.25.63h.28c.48 0 1.49.06 2.69.08h1.11c.55 0 1.109 0 1.659-.08c1.98-.15 3.839-.39 4.139-.41m-7.108 4.049h-.79l-.52.08c-2.64.47-1.26.89-1.22.9c.21 0 .66.09 1.27.14q.264.015.53 0q.39.03.78 0c.62-.06 1.28-.21 2-.32a.34.34 0 0 0 .319-.36a.35.35 0 0 0-.36-.33c-.72-.02-1.39-.1-2.01-.11"/></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. ParagraphsBulletsIcon.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.