Select All icon
streamline-plump:select-all
The Select All icon (streamline-plump:select-all) is a free SVG icon from the Plump free icons set by Streamline. It is drawn on a 48 × 48 grid. Plump 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
- Plump free icons
- Author
- Streamline
- License
- CC-BY-4.0
- Size
- 48 × 48
- Category
- InterfaceEssential
- Tags
- selectall
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="3" d="M27 3.016c2.235.024 4.231.074 6 .14m-18-.001c1.768-.065 3.765-.115 6-.14M9 3.481l-.743.058c-2.555.208-4.51 2.163-4.718 4.718q-.03.356-.058.743m-.326 6a230 230 0 0 0-.14 6m.14 12a230 230 0 0 1-.14-6M9 44.519l-.743-.058c-2.555-.208-4.51-2.163-4.718-4.718q-.03-.356-.058-.743M21 44.984a231 231 0 0 1-6-.139m18 0c-1.768.065-3.765.115-6 .14M44.519 39l-.058.743c-.208 2.555-2.163 4.51-4.718 4.718q-.356.03-.743.058M44.984 27a231 231 0 0 1-.14 6m.001-18c.065 1.768.115 3.765.139 6M39 3.481l.742.058c2.556.208 4.511 2.163 4.719 4.718l.058.743m-9.755 7.365a3.336 3.336 0 0 0-3.129-3.13C29.931 13.116 27.422 13 24 13s-5.931.114-7.635.236a3.336 3.336 0 0 0-3.13 3.129C13.116 18.069 13 20.578 13 24s.114 5.932.236 7.635a3.336 3.336 0 0 0 3.129 3.13c1.704.12 4.213.235 7.635.235s5.932-.114 7.635-.236a3.336 3.336 0 0 0 3.13-3.129c.12-1.704.235-4.213.235-7.635s-.114-5.931-.236-7.635"/></svg>
How to use the Select All icon
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-plump:select-all" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-plump:select-all" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-plump:select-all" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump--select-all]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-plump -->
<div class="i-streamline-plump:select-all"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-plump:select-all"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/streamline-plump/select-all.svg" alt="Select All icon" width="24" height="24">
Related icons in Plump free icons
Select All icon in other icon sets
Select All icon FAQ
Is the Select All icon free for commercial use?
Yes. Plump 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 Select All icon in React?
Install @iconify/react and render <Icon icon="streamline-plump:select-all" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Select All icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/streamline-plump/select-all.svg" alt="Select All icon">, or paste the SVG code inline to style it with CSS.
Browse all Plump free icons →
ICONYZ
