ICONYZ
Español
Icono Shield Security de Material Design Iconic Font

Icono Shield Security

zmdi:shield-security

El icono Shield Security (zmdi:shield-security) es un icono SVG gratuito de la colección Material Design Iconic Font de MDI Community. Está dibujado en una cuadrícula de 384 × 480. Material Design Iconic Font icons se publican bajo la Open Font License, 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
Material Design Iconic Font
Autor
MDI Community
Licencia
OFL-1.1
Tamaño
384 × 480
Etiquetas
shieldsecurity
Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="384" height="480" viewBox="0 0 384 480"><path fill="currentColor" d="m192 5l192 86v128q0 89-55 162.5T192 475q-82-20-137-93.5T0 219V91zm0 235V52L43 118v122zv191q59-19 100-72t49-119z"/></svg>

Cómo usar el icono Shield Security

React

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

<Icon icon="zmdi:shield-security" width="24" />

Vue

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

<template>
  <Icon icon="zmdi:shield-security" width="24" />
</template>

Svelte

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

<Icon icon="zmdi:shield-security" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[zmdi--shield-security]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/zmdi -->
<div class="i-zmdi:shield-security"></div>

Web component

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

<iconify-icon icon="zmdi:shield-security"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/zmdi/shield-security.svg" alt="Icono Shield Security" width="24" height="24">

Iconos relacionados en Material Design Iconic Font

El icono Shield Security en otras colecciones

Preguntas frecuentes sobre Icono Shield Security

¿El icono Shield Security es gratis para uso comercial?

Sí. Material Design Iconic Font icons se publican bajo la Open Font License, que permite usarlos en proyectos personales y comerciales.

¿Cómo uso el icono Shield Security en React?

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

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

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

Ver todos los Iconos Material Design Iconic Font →