Icono Database Lock
icon-park:database-lock
El icono Database Lock (icon-park:database-lock) es un icono SVG gratuito de la colección IconPark de ByteDance. Está dibujado en una cuadrícula de 48 × 48. IconPark icons se publican bajo la licencia Apache 2.0, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- IconPark
- Autor
- ByteDance
- Licencia
- Apache-2.0
- Tamaño
- 48 × 48
- Categoría
- Datos
- Etiquetas
- databaselock
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path fill="#2F88FF" stroke="#000" d="M44 31C44 36.5228 39.5228 41 34 41C32.2091 41 30.5281 40.5292 29.0741 39.7046C26.5143 38.2529 24.6579 35.7046 24.1436 32.6983C24.0492 32.1463 24 31.5789 24 31C24 28.4323 24.9678 26.0906 26.5585 24.3198C28.3892 22.2818 31.0449 21 34 21C39.5228 21 44 25.4772 44 31Z"/><path stroke="#000" d="M34 12V20V21C31.0449 21 28.3892 22.2818 26.5585 24.3198C24.9678 26.0906 24 28.4323 24 31C24 31.5789 24.0492 32.1463 24.1436 32.6983C24.6579 35.7046 26.5143 38.2529 29.0741 39.7046C26.4116 40.5096 22.8776 41 19 41C10.7157 41 4 38.7614 4 36V28V20V12"/><path fill="#2F88FF" stroke="#000" d="M34 12C34 14.7614 27.2843 17 19 17C10.7157 17 4 14.7614 4 12C4 9.23858 10.7157 7 19 7C27.2843 7 34 9.23858 34 12Z"/><path stroke="#000" d="M4 28C4 30.7614 10.7157 33 19 33C20.807 33 22.5393 32.8935 24.1436 32.6983"/><path stroke="#000" d="M4 20C4 22.7614 10.7157 25 19 25C21.7563 25 24.339 24.7522 26.5585 24.3198"/><path fill="#2F88FF" stroke="#fff" d="M39 31C39 33.7614 36.7614 36 34 36C31.2386 36 29 33.7614 29 31H39Z"/><path fill="#2F88FF" stroke="#fff" d="M34 26C35.6569 26 37 27.3431 37 29V31H31V29C31 27.3431 32.3431 26 34 26Z"/></g></svg>
Cómo usar el icono Database Lock
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:database-lock" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:database-lock" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:database-lock" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--database-lock]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:database-lock"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:database-lock"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/icon-park/database-lock.svg" alt="Icono Database Lock" width="24" height="24">
Iconos relacionados en IconPark
El icono Database Lock en otras colecciones
Preguntas frecuentes sobre Icono Database Lock
¿El icono Database Lock es gratis para uso comercial?
Sí. IconPark icons se publican bajo la licencia Apache 2.0, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Database Lock en React?
Instala @iconify/react y renderiza <Icon icon="icon-park:database-lock" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Database Lock a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/icon-park/database-lock.svg" alt="Icono Database Lock">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Iconos IconPark →
