Ícone Interlock
selfhst:interlock
O ícone Interlock (selfhst:interlock) é um ícone SVG gratuito da coleção selfh.st/icons de selfh.st. Ele é desenhado em uma grade de 512 × 512. selfh.st/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
- selfh.st/icons
- Autor
- selfh.st
- Licença
- CC-BY-4.0
- Tamanho
- 512 × 512
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#5386c5" d="M453.6 88.2c-1.2-1.8-3.6-1.8-5.4 0c-57.8 57.3-132.4 132.4-132.4 132.4l35.2 35.2c1.2 1.2 1.2 3.6 0 5.4l-10.1 10.1c-1.2 1.2-3.6 1.2-5.4 0l-31-31l-10.8 10.7l15.5 15.5c1.2 1.2 1.2 3.6 0 5.4l-8.3 8.3c-1.2 1.2-3.6 1.2-5.4 0L280 264.7c-1.2-1.2-3.6-1.2-5.4 0L257.3 282c-1.2 1.2-3.6 1.2-5.4 0l-3-3h-5.4c-.6 0-.6 0-1.2-.6l-11.9-11.9s-.6-.6-.6-1.2v-5.4l-2.4-2.4c-1.2-1.2-1.2-3.6 0-5.4L417.2 62.5c.6-.6-71.6 16.1-143.1-1.2c-65-16.7-96-56.7-96-56.7c-42.4 13.2-80.6 36.5-110.4 67.5c32.8 186.7 179.5 333.4 365.6 366.2c48.3-47.1 78.7-112.7 78.7-185.5c0-62.6-22.1-119.9-58.4-164.6"/><linearGradient id="SVGlpXqtiDc" x1="0" x2="440.435" y1="226.487" y2="226.487" gradientTransform="matrix(1 0 0 -1 0 513.2)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#5588c7"/><stop offset="1" stop-color="#304d71"/></linearGradient><path fill="url(#SVGlpXqtiDc)" d="M318.2 409.6c-10.1 10.1-25 16.7-40.6 16.7c-31.6 0-57.3-25.6-57.3-57.3c0-7.8 1.8-15.5 4.2-22.1c-25.6-21.5-49.5-45.9-70.4-71.6c-6.6 3-14.3 4.2-22.1 4.2c-31.6 0-57.3-25.6-57.3-57.3c0-16.7 7.2-31.6 18.5-42.3C75.3 143.5 62.2 104.8 55 66C8.7 114.4-2.1 187.8.3 261.1c.6 16.1 3 31 6 46.5c1.2 5.4 6.6 9.5 11.9 9.5h35.2c3 0 7.2 1.8 11.9 7.2l123.4 123.4c1.8 2.4 3.6 3.6 3.6 8.9v32.8c0 6 1.2 10.7 6.6 11.9c14.3 3 28.6 4.8 43.5 5.4c73.4 3 149.7-7.8 198-54.9c-41.7-7.6-83.5-21.9-122.2-42.2"/><path fill="#335572" d="M257.3 270.7L446.4 81.6c.6-.6.6-1.2 0-1.2L444 78q-.9-.9-1.8 0L257.3 262.9c-2.4 2.4-6.6 2.4-8.9 0l-11.3-11.3s-.6 0-.6.6v8.3c0 .6 0 1.2.6 1.8l8.9 8.9c.6.6 1.2.6 1.8.6h8.3c.1-.5.7-1.1 1.2-1.1m-34.5 1.8l2.4 2.4v5.4c0 .6 0 .6.6 1.2l11.9 11.9s.6.6 1.2.6h5.4l3 3c1.2 1.2 3.6 1.2 5.4 0l17.3-17.3c1.2-1.2 3.6-1.2 5.4 0l15.5 15.5c1.2 1.2 3.6 1.2 5.4 0l8.3-8.3c1.2-1.2 1.2-3.6 0-5.4l-1.8-1.8l-.6.6c-1.2 1.2-3.6 1.2-5.4 0L280 264.7c-1.2-1.2-3.6-1.2-5.4 0L257.3 282c-1.2 1.2-3.6 1.2-5.4 0l-3-3h-5.4c-.6 0-.6 0-1.2-.6l-11.9-11.9s-.6-.6-.6-1.2v-6l-7.8 7.8c-1 1.2-1 3.6.8 5.4M172.7 19.6s31 40 97.2 56.1c54.9 13.1 109.7 6.6 132.4 3L419 61.9c.6-.6-71.6 16.1-143.1-1.2c-66.9-16-97.9-56-97.9-56c-42.3 13.1-80.5 36.4-110.3 67.4c.6 2.4 1.2 5.4 1.2 7.8c29.2-27.5 64.4-48.4 103.8-60.3m147.9 205.2c22.7-22.7 76.9-77.5 121.7-122.3c1.8-1.8 4.2-1.2 5.4 0c37 44.7 59 102 59 164c0 30.4-5.4 59-14.9 85.9c13.1-31 20.3-65 20.3-100.8c0-62.6-22.1-119.3-59-164c-1.2-1.8-3.6-1.8-5.4 0c-57.3 57.8-131.8 133-131.8 133zm14.9 46.5l-31-31l-10.8 10.7l4.8 4.8l3.6-3.6l31 31c3 3 4.8.6 6-.6l7.2-7.2c1.2-1.2 1.2-3.6 0-5.4l-1.8-1.8l-3.6 3c-1.8 1.9-4.2 1.9-5.4.1"/></svg>Como usar o ícone Interlock
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:interlock" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:interlock" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:interlock" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--interlock]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:interlock"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:interlock"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/selfhst/interlock.svg" alt="Ícone Interlock" width="24" height="24">Ícones relacionados em selfh.st/icons
Perguntas frequentes sobre Ícone Interlock
O ícone Interlock é grátis para uso comercial?
Sim. selfh.st/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 Interlock no React?
Instale @iconify/react e renderize <Icon icon="selfhst:interlock" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Interlock a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/selfhst/interlock.svg" alt="Ícone Interlock">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.