Ícone Onelogin
thesvg-color:onelogin
O ícone Onelogin (thesvg-color:onelogin) é um ícone SVG gratuito da coleção theSVG Color de thesvg.org. Ele é desenhado em uma grade de 143 × 35. 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
- 143 × 35
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="143" height="35" viewBox="0 0 143 35"><path fill="#1c1f2a" d="M47.3 15.9c.3-2 2.1-4.5 5.5-4.5c3.2 0 5 2.3 5.3 4.5zm-4.4 1.6c0 5.6 4.1 9.4 10 9.4c3.9 0 6.5-1.9 8-3.6q.3-.3 0-.6l-2.1-1.9c-.2-.2-.5-.2-.6 0c-1.1.9-2.7 2.4-5.2 2.4c-2.9 0-5-1.8-5.5-4.1H62q.6 0 .6-.6v-.9c0-5.4-3.5-9.8-9.4-9.8c-6.5 0-10.3 4.3-10.3 9.7m22.2 8.7c0 .3.2.5.5.5h3.1c.3 0 .5-.2.5-.5V.4c-.1-.2-.2-.4-.5-.4h-3.2c-.3 0-.4.2-.4.4zm-28.6 0c0 .3.2.5.5.5h3c.3 0 .5-.2.5-.5V15.8c0-4.4-2.6-8-8.1-8h-.1c-2.7 0-4.7.9-5.9 1.9v-1c0-.3-.2-.5-.5-.5h-3.1c-.3 0-.5.2-.5.5v17.4c0 .3.2.5.5.5h3.1c.3 0 .5-.2.5-.5v-9.6c0-3 1.5-5.2 5.1-5.2s5 2.2 5 5.2zM95 31.6c1.4 1.7 4.4 3.7 8.6 3.7c5.9 0 9.4-3.6 9.4-9.3V8.8c0-.3-.2-.5-.5-.5h-2.9c-.3 0-.5.2-.5.5v1c-1.3-1.1-3-1.9-5.8-1.9c-5.3 0-9.9 3.9-9.9 9.6c0 5.8 4.5 9.6 9.9 9.6c2.6 0 4.3-.9 5.6-1.9v1.2c0 3.2-1.9 5.4-5.4 5.4c-2.9 0-4.8-1.6-6.1-2.8c-.2-.2-.6-.2-.8 0L95 30.8c-.3.2-.3.5 0 .8M15.6 17.4c0 3.2-2.4 5.8-5.7 5.8s-5.5-2.8-5.5-5.8v-.2c0-3.1 2.3-5.7 5.5-5.7s5.7 2.6 5.7 5.9M0 17.4C0 22.6 4.2 27 9.9 27s9.9-4.4 9.9-9.6v-.2c0-5.2-4.2-9.4-9.9-9.4S0 12 0 17.4m87.1 0c0 3.2-2.4 5.8-5.7 5.8c-3.2 0-5.5-2.8-5.5-5.8v-.2c0-3.1 2.3-5.7 5.5-5.7c3.3 0 5.7 2.6 5.7 5.9m-15.6 0c0 5.2 4.2 9.6 9.9 9.6s9.9-4.4 9.9-9.6v-.2c0-5.2-4.2-9.4-9.9-9.4s-9.9 4.2-9.9 9.6m45.3 8.8c0 .3.2.5.5.5h3.1c.3 0 .5-.2.5-.5V8.7c0-.2-.1-.4-.4-.4h-3.2c-.3 0-.4.2-.4.4v17.5zm0-22.5c0 .3.2.5.5.5h3.1c.3 0 .5-.2.5-.5V.4c0-.2-.1-.4-.4-.4h-3.2c-.3 0-.4.2-.4.4v3.3zm21.9 22.5c0 .3.2.5.5.5h3.1c.3 0 .5-.2.5-.5V15.8c0-4.4-2.6-8-8.1-8h-.1c-2.7 0-4.7.9-5.9 1.9v-1c0-.3-.2-.5-.5-.5h-3.1c-.3 0-.5.2-.5.5v17.4c0 .3.2.5.5.5h3.1c.3 0 .5-.2.5-.5v-9.6c0-3 1.5-5.2 5.1-5.2s5 2.2 5 5.2v9.7zM109 17.4c0 3.2-2.4 5.8-5.7 5.8s-5.5-2.8-5.5-5.8v-.2c0-3.1 2.3-5.7 5.5-5.7s5.7 2.6 5.7 5.9"/></svg>Como usar o ícone Onelogin
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:onelogin" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:onelogin" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:onelogin" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--onelogin]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:onelogin"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:onelogin"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/onelogin.svg" alt="Ícone Onelogin" width="24" height="24">Perguntas frequentes sobre Ícone Onelogin
O ícone Onelogin é 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 Onelogin no React?
Instale @iconify/react e renderize <Icon icon="thesvg-color:onelogin" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Onelogin a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/thesvg-color/onelogin.svg" alt="Ícone Onelogin">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.