ICONYZ
Español
Icono Seal de IconPark

Icono Seal

icon-park:seal

El icono Seal (icon-park:seal) 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
Hardware
Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-width="4"><path fill="#2F88FF" d="M5 37C5 35.8954 5.89543 35 7 35H41C42.1046 35 43 35.8954 43 37V42C43 43.1046 42.1046 44 41 44H7C5.89543 44 5 43.1046 5 42V37Z"/><path d="M5 31C5 29.8954 5.89543 29 7 29H41C42.1046 29 43 29.8954 43 31V42C43 43.1046 42.1046 44 41 44H7C5.89543 44 5 43.1046 5 42V31Z"/><path stroke-linecap="round" stroke-linejoin="round" d="M18.763 15.6637C18.9051 15.2657 19.2821 15 19.7047 15H28.2953C28.7179 15 29.0949 15.2657 29.237 15.6637L34 29H14L18.763 15.6637Z"/><rect width="18" height="10.8" x="15" y="4" fill="#2F88FF" rx="5.4"/></g></svg>

Cómo usar el icono Seal

React

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

<Icon icon="icon-park:seal" width="24" />

Vue

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

<template>
  <Icon icon="icon-park:seal" width="24" />
</template>

Svelte

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

<Icon icon="icon-park:seal" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--seal]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:seal"></div>

Web component

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

<iconify-icon icon="icon-park:seal"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/icon-park/seal.svg" alt="Icono Seal" width="24" height="24">

El icono Seal en otras colecciones

Preguntas frecuentes sobre Icono Seal

¿El icono Seal 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 Seal en React?

Instala @iconify/react y renderiza <Icon icon="icon-park:seal" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono Seal a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/icon-park/seal.svg" alt="Icono Seal">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Iconos IconPark →