Icono Padlock Key
streamline-plump-color:padlock-key
El icono Padlock Key (streamline-plump-color:padlock-key) es un icono SVG gratuito de la colección Plump color icons de Streamline. Está dibujado en una cuadrícula de 48 × 48. Plump color icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- Plump color icons
- Autor
- Streamline
- Licencia
- CC-BY-4.0
- Tamaño
- 48 × 48
- Categoría
- Interfaz esencial
- Etiquetas
- padlockkey
Código 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="#8fbffa" d="M39.924 44.684c2.511-.134 4.518-1.941 4.745-4.446c.18-1.973.331-4.69.331-8.238s-.151-6.265-.33-8.238c-.228-2.505-2.235-4.312-4.746-4.446C36.987 19.16 32.424 19 26 19c-6.425 0-10.987.16-13.924.316c-2.511.135-4.518 1.941-4.745 4.446a71 71 0 0 0-.188 2.613A11 11 0 0 1 10 26a10.98 10.98 0 0 1 8.485 4H31a7 7 0 0 1 7 7v5a7 7 0 0 1-.582 2.8q1.407-.057 2.506-.116"/><path fill="#fff" d="m31.294 14.991l.238 4.052l7.826.244l-.44-5.283A12 12 0 0 0 26.957 3h-1.916a12 12 0 0 0-11.959 11.004l-.44 5.283l7.825-.244l.239-4.052a5.303 5.303 0 0 1 10.587 0Z"/><path stroke="#2859c5" stroke-linecap="round" stroke-linejoin="round" d="M7.23 25q.049-.662.1-1.238c.228-2.505 2.235-4.311 4.746-4.446C15.013 19.16 19.576 19 26 19c6.425 0 10.987.16 13.924.316c2.511.135 4.518 1.941 4.745 4.446c.18 1.973.331 4.69.331 8.238s-.152 6.265-.33 8.238c-.228 2.505-2.235 4.312-4.746 4.446q-.657.035-1.424.07"/><path stroke="#2859c5" stroke-linecap="round" stroke-linejoin="round" d="m31.532 19.043l-.238-4.052a5.303 5.303 0 0 0-10.587 0l-.239 4.052m18.89.244l-.44-5.283A12 12 0 0 0 26.957 3h-1.916a12 12 0 0 0-11.959 11.004l-.44 5.283"/><path fill="#fff" d="M10 44a7 7 0 1 1 6.326-10H31a3 3 0 0 1 3 3v5a3 3 0 1 1-6 0v-2h-1v2a3 3 0 1 1-6 0v-2h-4.674A7 7 0 0 1 10 44"/><path stroke="#2859c5" stroke-linecap="round" stroke-linejoin="round" d="M10 44a7 7 0 1 1 6.326-10H31a3 3 0 0 1 3 3v5a3 3 0 1 1-6 0v-2h-1v2a3 3 0 1 1-6 0v-2h-4.674A7 7 0 0 1 10 44m-1-7h2"/></g></svg>Cómo usar el icono Padlock Key
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-plump-color:padlock-key" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-plump-color:padlock-key" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-plump-color:padlock-key" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump-color--padlock-key]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-plump-color -->
<div class="i-streamline-plump-color:padlock-key"></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:padlock-key"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/streamline-plump-color/padlock-key.svg" alt="Icono Padlock Key" width="24" height="24">Iconos relacionados en Plump color icons
El icono Padlock Key en otras colecciones
Preguntas frecuentes sobre Icono Padlock Key
¿El icono Padlock Key es gratis para uso comercial?
Sí. Plump color icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor.
¿Cómo uso el icono Padlock Key en React?
Instala @iconify/react y renderiza <Icon icon="streamline-plump-color:padlock-key" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Padlock Key a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/streamline-plump-color/padlock-key.svg" alt="Icono Padlock Key">, o pega el código SVG en línea para darle estilo con CSS.