Home/Libraries/Freehand free icons (Iconify)/paginate-filter-mail

Freehand free icons (Iconify)

PaginateFilterMail

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.763 6.87c0-1.62-.08-3.078-.19-4.077a3.1 3.1 0 0 0-.59-1.499a2.1 2.1 0 0 0-1.428-.859a64 64 0 0 0-8.883-.42a30.4 30.4 0 0 0-5.994.55a3.86 3.86 0 0 0-1.619 1a2.57 2.57 0 0 0-.58 1.248a38 38 0 0 0-.23 5.835a73 73 0 0 0 .61 8.672c.099.505.389.953.81 1.25a4 4 0 0 0 1.848.699c1.287.14 2.582.193 3.876.16c2.998 0 6.665-.21 8.913-.27a.34.34 0 0 0 0-.67c-2.238 0-5.925.14-8.902.11a27 27 0 0 1-3.737-.21a3.3 3.3 0 0 1-1.24-.39a1.2 1.2 0 0 1-.639-.799a25 25 0 0 1-.21-1.998c-.06-.799.36-.34.37-.35l1.849-1.558c.23-.25.47-.49.679-.76c.49-.589.91-1.218 1.449-1.788c.65-.82.77-.56.77-.88a.34.34 0 0 0-.34-.339c-.47 0-2.139 1.609-2.289 1.769c-.38.4-.719.839-1.099 1.269L5.51 14.163a116 116 0 0 1-.16-4.096a57 57 0 0 1 .17-6.455l1.778 1.999a28 28 0 0 0 2.188 2.398q1.186 1.085 2.508 1.998q.57.43 1.189.79c.254.119.529.19.81.209a2 2 0 0 0 .998-.19a9 9 0 0 0 1.46-1.109l.539-.47c0 .08-.06.07.19.37s1.109 1.249 1.258 1.399c.36.3.69.62 1 .9c.539.459 1.099.858 1.648 1.308a.34.34 0 0 0 .494.015a.34.34 0 0 0-.014-.495c-.46-.56-.88-1.119-1.39-1.628a12 12 0 0 0-1.068-.95c-1.699-1.088-1.819-1.228-1.839-1.228c.36-.31.72-.62 1.07-.94a45 45 0 0 0 1.878-1.778a8 8 0 0 0 .63-.69c.279-.349.549-.699.829-1.078a.33.33 0 0 0-.01-.43a.35.35 0 0 0-.48 0c-.3.36-.57.69-.86 1c-.289.309-.389.399-.609.599a43 43 0 0 1-1.938 1.658c-.66.53-1.309 1-1.998 1.539q-.537.454-1.12.85a1 1 0 0 1-.579.159a1.3 1.3 0 0 1-.5-.19c-.33-.2-.639-.46-.929-.65a25 25 0 0 1-2.447-1.838a28 28 0 0 1-2.259-2.098L5.848 3.013l-.19-.2c.095-.233.242-.442.43-.61a2.4 2.4 0 0 1 .91-.519a30 30 0 0 1 5.714-.53a67 67 0 0 1 8.713.28a1.2 1.2 0 0 1 .829.45c.21.295.34.64.38.999c.14 1 .22 2.398.28 3.996c.12 3.378.1 7.454.13 9.412c.01.46-.097.913-.31 1.32a1.12 1.12 0 0 1-.91.699a.3.3 0 0 0-.3.29a.31.31 0 0 0 .3.31a1.59 1.59 0 0 0 1.27-.71c.4-.559.61-1.231.599-1.919c.01-1.948.11-6.024.07-9.411"/><path d="M19.297 20.738a.33.33 0 0 0-.39.28a6.5 6.5 0 0 1-.24.998c-.12.34-.2.55-.35.59a32 32 0 0 1-6.214.44c-3.14.045-6.28-.108-9.402-.46a1.17 1.17 0 0 1-.79-.46a2.2 2.2 0 0 1-.349-.999c-.18-1.289-.26-3.327-.32-5.485c-.08-3.217-.12-6.634-.16-8.393c-.01-.47.089-.935.29-1.359a1.16 1.16 0 0 1 .92-.739a.3.3 0 1 0 0-.59a1.59 1.59 0 0 0-1.29.73a3.4 3.4 0 0 0-.609 1.998c0 1.998-.2 6.235-.16 9.732a39 39 0 0 0 .21 4.216c.057.548.25 1.073.56 1.529a2.22 2.22 0 0 0 1.548.919a68 68 0 0 0 7.993.3c2.682.043 5.36-.192 7.993-.7a1.06 1.06 0 0 0 .65-.63a5.5 5.5 0 0 0 .42-1.528a.34.34 0 0 0-.31-.39"/></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. PaginateFilterMailIcon.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.