Paginate Filter Mail icon

streamline-freehand:paginate-filter-mail

The Paginate Filter Mail icon (streamline-freehand:paginate-filter-mail) is a free SVG icon from the Freehand free icons set by Streamline. It is drawn on a 24 × 24 grid. Freehand free icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Freehand free icons
Author: Streamline
License: CC-BY-4.0
Size: 24 × 24
Category: InterfaceEssential
Tags: paginatefilter, filtermail, paginatefiltermail

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor" 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>

How to use the Paginate Filter Mail icon

React

import { Icon } from "@iconify/react";

<Icon icon="streamline-freehand:paginate-filter-mail" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="streamline-freehand:paginate-filter-mail" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="streamline-freehand:paginate-filter-mail" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-freehand--paginate-filter-mail]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-freehand -->
<div class="i-streamline-freehand:paginate-filter-mail"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="streamline-freehand:paginate-filter-mail"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/streamline-freehand/paginate-filter-mail.svg" alt="Paginate Filter Mail icon" width="24" height="24">

Related icons in Freehand free icons

Paginate Filter Mail icon in other icon sets

Paginate Filter Mail icon FAQ

Is the Paginate Filter Mail icon free for commercial use?

Yes. Freehand free icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.

How do I use the Paginate Filter Mail icon in React?

Install @iconify/react and render <Icon icon="streamline-freehand:paginate-filter-mail" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Paginate Filter Mail icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/streamline-freehand/paginate-filter-mail.svg" alt="Paginate Filter Mail icon">, or paste the SVG code inline to style it with CSS.

Browse all Freehand free icons →