Ícone Lerna
thesvg-color:lerna
O ícone Lerna (thesvg-color:lerna) é um ícone SVG gratuito da coleção theSVG Color de thesvg.org. Ele é desenhado em uma grade de 24 × 24. theSVG Color 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
- theSVG Color
- Autor
- thesvg.org
- Licença
- MIT
- Tamanho
- 24 × 24
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="#c084fc" d="M22.452 18.006c-.147 0-.257.073-.367.147c-1.764 3.38-5.329 5.034-10.583 5.034q-1.213 0-2.646-.11c-.074-.11-.257-.368-.551-.735c-.22-.294-.331-.551-.368-.809c.074-2.094.147-5.254.147-9.443c0-4.19.037-7.35.147-9.444c.22-.698.698-1.03 1.47-1.03c.147 0 .33 0 .551.038c.258.036.441.036.551.036c.552 0 .993-.147 1.287-.477V.772c0-.11-.037-.258-.147-.331C10.84.257 9.333.184 7.46.184H5.586C4.263.184 2.94.147 1.616 0c-.183.367-.256.661-.256.882q0 .495.771.551c.515.037 1.066.074 1.58.11c.588.147.956.478 1.066 1.066a36 36 0 0 0 .037 3.38c.073 1.654.147 2.72.147 3.271c0 .845-.037 1.727-.184 2.572c.037.441.074 1.507.184 3.234q.11 2.205.11 3.528c0 .918-.037 1.837-.147 2.719c-.184.551-.33.882-.367.955q-.33.551-.882.551q-.276.11-1.323.11c-.588 0-.992.111-1.176.368c.147.368.367.551.625.625c1.102.037 2.241.037 3.49.037c1.287 0 3.124 0 5.512-.037c2.426-.037 4.226-.037 5.439-.037c1.654 0 3.16.037 4.593.11c.294.037.478-.147.551-.514c.11-.441.184-.698.258-.772c-.037-.588.147-1.396.588-2.351s.624-1.728.588-2.279c-.11 0-.221-.036-.368-.073"/></svg>Como usar o ícone Lerna
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:lerna" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:lerna" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:lerna" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--lerna]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:lerna"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:lerna"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/lerna.svg" alt="Ícone Lerna" width="24" height="24">O ícone Lerna em outras coleções
Perguntas frequentes sobre Ícone Lerna
O ícone Lerna é grátis para uso comercial?
Sim. theSVG Color icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Lerna no React?
Instale @iconify/react e renderize <Icon icon="thesvg-color:lerna" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Lerna a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/thesvg-color/lerna.svg" alt="Ícone Lerna">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.