ICONYZ
Português (Brasil)
Ícone Server Lock de Freehand free icons

Ícone Server Lock

streamline-freehand:server-lock

O ícone Server Lock (streamline-freehand:server-lock) é um ícone SVG gratuito da coleção Freehand free icons de Streamline. Ele é desenhado em uma grade de 24 × 24. Freehand free icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.

Coleção
Freehand free icons
Autor
Streamline
Licença
CC-BY-4.0
Tamanho
24 × 24
Categoria
Internet, redes e servidores
Tags
serverlock
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="M22.188 4.84a1.3 1.3 0 0 0-.819-.22a41 41 0 0 0-5.115.54a.28.28 0 0 0 0 .459c.16.13-.17 0 2.238-.08a2.17 2.17 0 0 0 .13 1.818a.32.32 0 0 0 .63-.07c.089-.7.339-.889 0-1.778H20.9c.719 0 .709-.23.809.71a14.6 14.6 0 0 1 0 2.497c-.11.57-.31.64-.59.71a10 10 0 0 1-1.259.15c-.799.139-3.127.549-3.686-.26a2.5 2.5 0 0 1-.37-1.14c-.2-1.548.35-2.517 0-2.707c-.14-.08-.4-.07-.51.26s-.12.859-.15.999a4.8 4.8 0 0 0 .37 2.997c.77 1.249 3.168 1 4.536.84c.74-.1 1.889 0 2.428-.85a3.57 3.57 0 0 0 .37-1.998c-.09-.8-.13-2.298-.66-2.878m-6.644-.349c0-2.997 3.567-4.366 5.076-2.688c.432.464.699 1.058.76 1.689a.32.32 0 0 0 .639 0A3.377 3.377 0 0 0 19.18.014a3.856 3.856 0 0 0-3.996 2.657a4.6 4.6 0 0 0-.2 1.819a.28.28 0 1 0 .56 0m-8.432 6.634a.9.9 0 0 0-.17-1.23a.82.82 0 0 0-.999 1.29c.32.45.8.35 1.17-.06m-1.17 5.166c.36.449.85.339 1.22-.06a.91.91 0 0 0-.22-1.23a.83.83 0 0 0-1 1.29m.06 4.825c.36.44.85.34 1.219-.06a.9.9 0 0 0-.21-1.23a.819.819 0 0 0-1.009 1.29m-1.528-9.761a.91.91 0 0 0-.2-1.23a.829.829 0 0 0-1 1.29c.34.45.83.35 1.2-.06m-1.1 4.916c.36.439.84.339 1.21-.06a.9.9 0 0 0-.2-1.21a.819.819 0 0 0-1.01 1.27m.1 4.815c.36.45.85.35 1.22-.06a.9.9 0 0 0-.2-1.23a.83.83 0 0 0-1.02 1.29"/><path d="M16.534 13.122c-.35 6.514-.38 8.652-.88 9.112c-.448.323-.97.53-1.518.6c-.64.089-.5.07-8.453-.05c-.51 0-2.887.12-3.157-.42c-.43-.84-.39-3.258-.41-4.217c.44.08.54 0 .88 0a40 40 0 0 0 7.993.37c1.208-.09 4.495-.25 4.785-.66a.31.31 0 0 0-.1-.509a5.8 5.8 0 0 0-1.698.1c-2.328 0-9.492-.13-11.81.06c-.11 0-.06.6-.18-6.994c0-1.289.17-1.269 0-1.438a.27.27 0 0 0-.369 0c-.29.2-.22.49-.48 10.81c-.035.995.104 1.99.41 2.937c.54 1.269 2.798 1.17 4.136 1.17c7.683 0 7.993.059 8.912-.15a3.9 3.9 0 0 0 1.869-1c.759-.9.619-3.217.769-9.691a.35.35 0 1 0-.7-.03M3.046 8.676c3.203.146 6.413.05 9.601-.29a.31.31 0 0 0 0-.62a35 35 0 0 0-4.826-.229c-2.088.06-4.605.47-4.775.47a.36.36 0 0 0 0 .669"/><path d="M8.84 12.592c-.999 0-5.125.07-5.494.14a.31.31 0 1 0-.16.6c.08 0 3.896.46 5.655.45c2.198 0 4.166-.21 5.664-.34a.35.35 0 0 0 0-.7s-4.715-.14-5.664-.15"/></g></svg>

Como usar o ícone Server Lock

React

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

<Icon icon="streamline-freehand:server-lock" width="24" />

Vue

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

<template>
  <Icon icon="streamline-freehand:server-lock" width="24" />
</template>

Svelte

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

<Icon icon="streamline-freehand:server-lock" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-freehand--server-lock]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-freehand -->
<div class="i-streamline-freehand:server-lock"></div>

Web component

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

<iconify-icon icon="streamline-freehand:server-lock"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/streamline-freehand/server-lock.svg" alt="Ícone Server Lock" width="24" height="24">

Ícones relacionados em Freehand free icons

O ícone Server Lock em outras coleções

Perguntas frequentes sobre Ícone Server Lock

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

Sim. Freehand free icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor.

Como uso o ícone Server Lock no React?

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

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

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

Ver todos os Freehand free icons →