Ícone Shield Lock

reicon:shield-lock

O ícone Shield Lock (reicon:shield-lock) é um ícone SVG gratuito da coleção Reicon. Ele é desenhado em uma grade de 24 × 24. Reicon icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.

Coleção: Reicon
Autor: REICON
Licença: MIT
Tamanho: 24 × 24
Categoria: Segurança
Tags: shieldlock

Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path d="M12 7.25A3.75 3.75 0 0 0 9.75 14v1c0 .966.784 1.75 1.75 1.75h1A1.75 1.75 0 0 0 14.25 15v-1A3.75 3.75 0 0 0 12 7.25M9.75 11a2.25 2.25 0 1 1 3.374 1.95a.75.75 0 0 0-.374.649V15a.25.25 0 0 1-.25.25h-1a.25.25 0 0 1-.25-.25v-1.401a.75.75 0 0 0-.374-.65A2.25 2.25 0 0 1 9.75 11"/><path d="M12 1.25c-.937 0-1.833.307-3.277.801l-.727.25c-1.481.506-2.625.898-3.443 1.23c-.412.167-.767.33-1.052.495c-.275.16-.55.359-.737.626c-.185.263-.281.587-.341.9c-.063.324-.1.713-.125 1.16c-.048.886-.048 2.102-.048 3.678v1.601c0 6.101 4.608 9.026 7.348 10.224l.027.011c.34.149.66.288 1.027.382c.387.1.799.142 1.348.142c.55 0 .96-.042 1.348-.142c.367-.094.687-.233 1.026-.382l.028-.011c2.74-1.198 7.348-4.123 7.348-10.224V10.39c0-1.576 0-2.792-.048-3.679a9 9 0 0 0-.125-1.16c-.06-.312-.156-.636-.34-.9c-.188-.266-.463-.465-.738-.625a9 9 0 0 0-1.052-.495c-.818-.332-1.962-.724-3.443-1.23l-.727-.25c-1.444-.494-2.34-.801-3.277-.801M9.08 3.514c1.615-.552 2.262-.764 2.92-.764s1.305.212 2.92.764l.572.196c1.513.518 2.616.896 3.39 1.21c.387.158.667.29.864.404q.144.084.208.139c.038.03.053.048.055.05a.4.4 0 0 1 .032.074q.03.082.063.248a7 7 0 0 1 .1.958c.046.841.046 2.015.046 3.624v1.574c0 5.176-3.87 7.723-6.449 8.849c-.371.162-.586.254-.825.315c-.228.059-.506.095-.976.095s-.748-.036-.976-.095c-.24-.06-.454-.153-.825-.315c-2.58-1.126-6.449-3.674-6.449-8.849v-1.574c0-1.609 0-2.783.046-3.624a7 7 0 0 1 .1-.958q.032-.166.063-.248c.018-.05.03-.07.032-.074a.4.4 0 0 1 .055-.05q.064-.055.208-.14c.197-.114.477-.245.864-.402c.774-.315 1.877-.693 3.39-1.21z"/></g></svg>

Como usar o ícone Shield Lock

React

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

<Icon icon="reicon:shield-lock" width="24" />

Vue

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

<template>
  <Icon icon="reicon:shield-lock" width="24" />
</template>

Svelte

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

<Icon icon="reicon:shield-lock" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="reicon:shield-lock"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/reicon/shield-lock.svg" alt="Ícone Shield Lock" width="24" height="24">

Ícones relacionados em Reicon

O ícone Shield Lock em outras coleções

Perguntas frequentes sobre Ícone Shield Lock

O ícone Shield Lock é grátis para uso comercial?

Sim. Reicon icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.

Como uso o ícone Shield Lock no React?

Instale @iconify/react e renderize <Icon icon="reicon:shield-lock" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone Shield Lock a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/reicon/shield-lock.svg" alt="Ícone Shield Lock">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Ícones Reicon →