Ícone Key Minimalistic Bold Duotone

solar:key-minimalistic-bold-duotone

O ícone Key Minimalistic Bold Duotone (solar:key-minimalistic-bold-duotone) é um ícone SVG gratuito da coleção Solar de 480 Design. Ele é desenhado em uma grade de 24 × 24. Solar 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: Solar
Autor: 480 Design
Licença: CC-BY-4.0
Tamanho: 24 × 24
Categoria: Segurança
Tags: keyminimalistic, minimalisticbold, boldduotone, keyminimalisticboldduotone

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"><path d="M18.9771 14.7904C21.6743 12.0932 21.6743 7.72013 18.9771 5.02291C16.2799 2.3257 11.9068 2.3257 9.20961 5.02291C7.41866 6.81385 6.8169 9.34366 7.40432 11.6311C7.49906 12 7.41492 12.399 7.14558 12.6684L3.43349 16.3804C3.11558 16.6984 2.95941 17.1435 3.00906 17.5904L3.24113 19.679C3.26587 19.9017 3.36566 20.1093 3.52408 20.2677L3.73229 20.4759C3.89072 20.6343 4.09834 20.7341 4.32101 20.7589L6.4096 20.9909C6.85645 21.0406 7.30164 20.8844 7.61956 20.5665L8.32958 19.8565L9.39026 18.7958L11.3319 16.8541C11.6013 16.5848 12 16.5009 12.3689 16.5957C14.6563 17.1831 17.1861 16.5813 18.9771 14.7904Z" opacity=".5"/><path d="M15.4142 8.58579C14.6332 7.80474 13.3668 7.80474 12.5858 8.58579C11.8047 9.36683 11.8047 10.6332 12.5858 11.4142C13.3668 12.1953 14.6332 12.1953 15.4142 11.4142C16.1953 10.6332 16.1953 9.36683 15.4142 8.58579Z"/><path d="M6.58295 18.1294L8.3291 19.8565L9.38977 18.7958L7.63776 17.063C7.34326 16.7717 6.86839 16.7743 6.57711 17.0688C6.28584 17.3633 6.28845 17.8382 6.58295 18.1294Z"/></g></svg>

Como usar o ícone Key Minimalistic Bold Duotone

React

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

<Icon icon="solar:key-minimalistic-bold-duotone" width="24" />

Vue

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

<template>
  <Icon icon="solar:key-minimalistic-bold-duotone" width="24" />
</template>

Svelte

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

<Icon icon="solar:key-minimalistic-bold-duotone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--key-minimalistic-bold-duotone]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:key-minimalistic-bold-duotone"></div>

Web component

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

<iconify-icon icon="solar:key-minimalistic-bold-duotone"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/solar/key-minimalistic-bold-duotone.svg" alt="Ícone Key Minimalistic Bold Duotone" width="24" height="24">

Ícones relacionados em Solar

Perguntas frequentes sobre Ícone Key Minimalistic Bold Duotone

O ícone Key Minimalistic Bold Duotone é grátis para uso comercial?

Sim. Solar 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 Key Minimalistic Bold Duotone no React?

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

Como adiciono o ícone Key Minimalistic Bold Duotone a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/solar/key-minimalistic-bold-duotone.svg" alt="Ícone Key Minimalistic Bold Duotone">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Ícones Solar →