Login 1 Remix icon
streamline-plump:login-1-remix
The Login 1 Remix icon (streamline-plump:login-1-remix) 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
- loginremix
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="currentColor" fill-rule="evenodd" d="M19.714.5c-4.411 0-7.723.195-10.057.415c-3.545.335-6.06 3.202-6.251 6.622C3.213 10.96 3 16.449 3 24c0 7.55.212 13.039.405 16.463c.192 3.42 2.706 6.287 6.251 6.622c2.334.22 5.646.415 10.057.415c4.382 0 7.678-.192 10.01-.41c3.576-.336 6.098-3.242 6.29-6.677c.107-1.933.222-4.48.304-7.565a2 2 0 1 0-3.999-.105a254 254 0 0 1-.3 7.448c-.09 1.61-1.213 2.78-2.668 2.916c-2.2.206-5.372.393-9.637.393c-4.293 0-7.48-.19-9.68-.398c-1.443-.136-2.546-1.281-2.635-2.863C7.21 36.889 7 31.476 7 24s.21-12.889.398-16.239c.09-1.582 1.192-2.727 2.634-2.863c2.202-.208 5.388-.398 9.681-.398c4.265 0 7.437.187 9.637.393c1.455.137 2.578 1.305 2.668 2.916c.106 1.897.22 4.406.3 7.448a2 2 0 0 0 3.999-.105a259 259 0 0 0-.305-7.565C35.822 4.152 33.3 1.246 29.723.91C27.394.692 24.097.5 19.715.5m4.571 11.96c1.043.476 1.743 1.506 1.825 2.734c.061.917.125 1.995.18 3.17l14.767.631c1.788.077 3.6 1.296 3.846 3.385a14 14 0 0 1 0 3.241c-.247 2.09-2.058 3.308-3.846 3.385l-14.767.63a158 158 0 0 1-.18 3.169c-.082 1.228-.782 2.258-1.825 2.734c-1.058.483-2.313.321-3.285-.501c-.986-.835-2.27-1.991-3.88-3.571c-2.684-2.634-4.04-4.53-4.717-5.692a3.5 3.5 0 0 1 0-3.552c.676-1.162 2.033-3.058 4.717-5.691c1.61-1.58 2.893-2.736 3.88-3.57c.972-.823 2.227-.985 3.285-.502" clip-rule="evenodd"/></svg>How to use the Login 1 Remix icon
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-plump:login-1-remix" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-plump:login-1-remix" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-plump:login-1-remix" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump--login-1-remix]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-plump -->
<div class="i-streamline-plump:login-1-remix"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-plump:login-1-remix"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/streamline-plump/login-1-remix.svg" alt="Login 1 Remix icon" width="24" height="24">Related icons in Plump free icons
Login 1 Remix icon in other icon sets
Login 1 Remix icon FAQ
Is the Login 1 Remix 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 Login 1 Remix icon in React?
Install @iconify/react and render <Icon icon="streamline-plump:login-1-remix" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Login 1 Remix icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/streamline-plump/login-1-remix.svg" alt="Login 1 Remix icon">, or paste the SVG code inline to style it with CSS.