ICONYZ
Français
Icône Login 1 de Plump color icons

Icône Login 1

streamline-plump-color:login-1

L'icône Login 1 (streamline-plump-color:login-1) est une icône SVG gratuite de la collection Plump color icons par Streamline. Elle est dessinée sur une grille de 48 × 48. Les Plump color icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.

Collection
Plump color icons
Auteur
Streamline
Licence
CC-BY-4.0
Taille
48 × 48
Catégorie
Interface essentielle
Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke-width="3"><path fill="#fff" d="M30.473 40.082c-.204 2.413-2.026 4.248-4.435 4.488A92 92 0 0 1 17 45a92 92 0 0 1-9.038-.43c-2.41-.24-4.231-2.075-4.435-4.488C3.27 37.01 3 31.915 3 24s.269-13.01.527-16.082C3.731 5.505 5.553 3.67 7.962 3.43A92 92 0 0 1 17 3c3.734 0 6.814.208 9.038.43c2.41.24 4.231 2.075 4.435 4.488C30.73 10.99 31 16.085 31 24s-.269 13.01-.527 16.082"/><path fill="#8fbffa" d="M18.97 34.122c1.11.94 2.608.236 2.705-1.215c.086-1.287.177-2.885.241-4.622l19.505-.71c1.25-.045 2.347-.868 2.492-2.11a12.5 12.5 0 0 0 0-2.93c-.145-1.242-1.242-2.065-2.492-2.11l-19.505-.71a156 156 0 0 0-.24-4.624c-.098-1.45-1.597-2.155-2.707-1.215c-.978.827-2.263 1.984-3.887 3.577c-2.67 2.62-3.966 4.453-4.575 5.5a2.05 2.05 0 0 0 0 2.09c.61 1.047 1.905 2.88 4.575 5.501c1.625 1.594 2.91 2.751 3.887 3.578Z"/><path stroke="#2859c5" stroke-linecap="round" stroke-linejoin="round" d="M31 15c-.07-2.863-.167-5.128-.261-6.84c-.137-2.504-1.93-4.516-4.426-4.762C24.165 3.186 21.131 3 17.103 3c-4.027 0-7.06.186-9.21.398c-2.495.246-4.288 2.258-4.425 4.763c-.176 3.221-.364 8.401-.364 15.839s.188 12.618.364 15.84c.137 2.504 1.93 4.516 4.426 4.762c2.148.212 5.182.398 9.21.398c4.027 0 7.06-.186 9.21-.398c2.495-.246 4.288-2.258 4.425-4.762c.094-1.712.19-3.977.261-6.84"/><path stroke="#2859c5" stroke-linecap="round" stroke-linejoin="round" d="M18.97 34.122c1.109.94 2.608.236 2.705-1.215c.086-1.287.177-2.885.241-4.622l19.505-.71c1.25-.045 2.347-.868 2.492-2.11a12.5 12.5 0 0 0 0-2.93c-.145-1.242-1.242-2.065-2.492-2.11l-19.505-.71a156 156 0 0 0-.241-4.624c-.097-1.45-1.596-2.155-2.707-1.215c-.977.827-2.262 1.984-3.886 3.577c-2.67 2.62-3.966 4.453-4.575 5.5a2.05 2.05 0 0 0 0 2.09c.61 1.047 1.905 2.88 4.575 5.501c1.625 1.594 2.91 2.751 3.887 3.578Z"/></g></svg>

Comment utiliser l'icône Login 1

React

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

<Icon icon="streamline-plump-color:login-1" width="24" />

Vue

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

<template>
  <Icon icon="streamline-plump-color:login-1" width="24" />
</template>

Svelte

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

<Icon icon="streamline-plump-color:login-1" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump-color--login-1]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-plump-color -->
<div class="i-streamline-plump-color:login-1"></div>

Web component

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

<iconify-icon icon="streamline-plump-color:login-1"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/streamline-plump-color/login-1.svg" alt="Icône Login 1" width="24" height="24">

Icônes similaires dans Plump color icons

L'icône Login 1 dans d'autres collections

FAQ : Icône Login 1

L'icône Login 1 est-elle gratuite pour un usage commercial ?

Oui. Les Plump color icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur.

Comment utiliser l'icône Login 1 dans React ?

Installez @iconify/react et affichez <Icon icon="streamline-plump-color:login-1" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.

Comment ajouter l'icône Login 1 à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/streamline-plump-color/login-1.svg" alt="Icône Login 1">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Plump color icons →