Ícone Aviva
thesvg-color:aviva
O ícone Aviva (thesvg-color:aviva) é um ícone SVG gratuito da coleção theSVG Color de thesvg.org. Ele é desenhado em uma grade de 161 × 56. 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
- 161 × 56
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="161" height="56" viewBox="0 0 161 56"><path fill="#1672f3" fill-rule="evenodd" d="M143.1 40.2c3.1 0 5.7 2.5 5.7 5.6v8.9c0 .9-.7 1.3-1.3 1.3c-.7 0-1.3-.4-1.3-1.3v-8.9c0-1.7-1.3-3-3-3s-3 1.3-3 3v8.9c0 .9-.7 1.3-1.3 1.3c-.7 0-1.3-.4-1.3-1.3v-8.9c-.2-3.1 2.3-5.6 5.5-5.6m12.9 0c1.6 0 3.4.9 4.2 2.3c.1.2.2.5.2.7c0 .7-.6 1.3-1.3 1.3c-.4 0-.7-.2-1-.6c-.5-.7-1.2-1.1-2.1-1.1c-1.3 0-2 .8-2 1.7c0 2.6 7 1.7 7 7c0 2.9-2.5 4.6-5.1 4.6c-1.5 0-3.4-.7-4.2-2c-.2-.3-.2-.5-.2-.8c0-.7.6-1.3 1.3-1.3c.3 0 .7.2 1 .6c.6.7 1.4.9 2.2.9c1.8 0 2.6-1.1 2.6-2c0-3.2-7-2-7-7c-.1-2.9 2.3-4.3 4.4-4.3m-93.6 0c1.6 0 3.4.9 4.2 2.3c.1.2.2.5.2.7c0 .7-.6 1.3-1.3 1.3c-.4 0-.7-.2-1-.6c-.5-.7-1.2-1.1-2.1-1.1c-1.4 0-2.1.8-2.1 1.7c0 2.6 7 1.7 7 7c0 2.9-2.5 4.6-5.1 4.6c-1.5 0-3.4-.7-4.2-2c-.2-.3-.2-.5-.2-.8c0-.7.7-1.3 1.3-1.3c.3 0 .7.2 1 .6c.5.7 1.4.9 2.2.9c1.8 0 2.6-1.1 2.6-2c0-3.2-7-2-7-7c-.1-2.9 2.3-4.3 4.5-4.3m13.3 0c3.1 0 5.7 2.5 5.7 5.5v4.7c0 3-2.5 5.5-5.7 5.5c-3.1 0-5.7-2.5-5.7-5.5v-4.7c0-3 2.5-5.5 5.7-5.5m9.6-5.2c.6 0 1.3.4 1.3 1.3v15c0 .8.2 1.8 1 2.3c.6.2.8.7.8 1.1c0 .7-.5 1.3-1.2 1.3c-.2 0-.3-.1-.5-.1c0 0-.2-.1-.5-.3c-1.5-.9-2.1-2.7-2.1-4.4v-15c-.1-.8.5-1.2 1.2-1.2m14.9 5.2c.7 0 1.3.4 1.3 1.3v8.9c0 3.1-2.5 5.6-5.7 5.6s-5.7-2.5-5.7-5.6v-8.9c0-.9.7-1.3 1.3-1.3c.7 0 1.3.4 1.3 1.3v8.9c0 1.7 1.3 3 3 3s3-1.3 3-3v-8.9c.2-.8.8-1.3 1.5-1.3m28 0c3.1 0 5.7 2.5 5.7 5.5v4.7c0 3-2.5 5.5-5.7 5.5c-3.1 0-5.7-2.5-5.7-5.5v-4.7c0-3 2.5-5.5 5.7-5.5m-20.5-3.5c.6 0 1.3.4 1.3 1.3v2.7h4.1c.9 0 1.3.6 1.3 1.3c0 .6-.4 1.3-1.3 1.3H109V52c0 .8.6 1.5 1.9 1.5c1.2 0 1.7-.9 2.5-.9c.9 0 1.3.7 1.3 1.4c0 .5-.4.8-.7 1.1c-.9.6-2 1-3.1 1c-2.5 0-4.4-1.7-4.4-4.1v-8.7h-1.8c-.9 0-1.3-.6-1.3-1.3c0-.6.4-1.3 1.3-1.3h1.8V38c-.1-.8.5-1.3 1.2-1.3m10.4 4.1c.7 0 1.3.4 1.3 1.3v12.7c0 .8-.7 1.3-1.3 1.3s-1.3-.4-1.3-1.3V42c0-.8.7-1.2 1.3-1.2M22.3 1.7c1-2.3 4.3-2.3 5.3 0l22 50.2c.8 1.9-.6 4.1-2.7 4.1c-1.2 0-2.2-.7-2.7-1.8L27.6 15.3c-1-2.4-4.4-2.3-5.4 0L10.9 42.5c-1 2.4 1.3 4.7 3.7 3.8l8.8-3.9c1.1-.4 2.3-.2 3.1.7l.1.1c1.5 1.5.9 4-1.1 4.7L4.7 55.7c-.8.3-2 .2-2 .2c-2.1 0-3.5-2.1-2.7-4.1zm105.9 41.1c-1.7 0-3 1.3-3 2.9v4.7c0 1.6 1.3 2.9 3 2.9s3-1.3 3-2.9v-4.7c0-1.6-1.3-2.9-3-2.9m-52.5 0c-1.7 0-3 1.3-3 2.9v4.7c0 1.6 1.3 2.9 3 2.9s3-1.3 3-2.9v-4.7c0-1.6-1.3-2.9-3-2.9m42.4-7.8c1 0 1.8.8 1.8 1.7s-.8 1.7-1.8 1.7s-1.8-.8-1.8-1.7c.1-.9.9-1.7 1.8-1.7M62.2 16.6c3.2 0 5.2 2 5.2 4.9v5.9c0 3-2.5 4.9-5.2 4.9s-5.3-1.6-5.3-4.6c0-2.8 2.4-4.2 4.9-4.7l3-.6v-.8c0-1.4-.8-2.4-2.6-2.4c-1.9 0-2.1 1.6-3.4 1.6c-.7 0-1.3-.5-1.3-1.3c0-.4.2-.8.5-1.1c1-1.2 2.6-1.8 4.2-1.8m18.7 0c.7 0 1.3.5 1.3 1.3c0 .2 0 .3-.1.5l-4.8 12.9c-.3.7-.7 1-1.2 1s-.9-.3-1.2-1l-4.8-12.9c-.1-.2-.1-.4-.1-.5c0-.8.7-1.3 1.3-1.3c.5 0 .9.2 1.1.8l3.7 10l3.6-10c.3-.5.8-.8 1.2-.8m20.2 0c.7 0 1.3.5 1.3 1.3c0 .2 0 .3-.1.5l-4.8 12.9c-.3.7-.7 1-1.2 1s-.9-.3-1.2-1l-4.8-12.9c-.1-.2-.1-.4-.1-.5c0-.8.7-1.3 1.3-1.3c.5 0 .9.2 1.1.8l3.7 10l3.6-10c.2-.5.7-.8 1.2-.8m8.3 0c3.2 0 5.2 2 5.2 4.9v5.9c0 3-2.5 4.9-5.2 4.9s-5.3-1.6-5.3-4.6c0-2.8 2.4-4.2 4.9-4.7l3-.6v-.8c0-1.4-.8-2.4-2.6-2.4c-1.9 0-2.1 1.6-3.4 1.6c-.7 0-1.3-.5-1.3-1.3c0-.4.2-.8.5-1.1c1.1-1.2 2.7-1.8 4.2-1.8m-23.7-.3c.7 0 1.3.4 1.3 1.3v12.7c0 .8-.7 1.3-1.3 1.3c-.7 0-1.3-.4-1.3-1.3V17.5c0-.8.7-1.2 1.3-1.2m-20.9 8.5l-2.8.7c-1.7.4-2.6 1.3-2.6 2.3c0 1.2.9 2.1 2.6 2.1c1.6 0 2.7-1 2.7-2.4v-2.7zm47.2 0l-2.7.6c-1.7.4-2.6 1.3-2.6 2.3c0 1.2.9 2.1 2.6 2.1c1.6 0 2.7-1 2.7-2.4zM85.7 10.5c1 0 1.8.8 1.8 1.7s-.8 1.7-1.8 1.7s-1.7-.8-1.7-1.7s.8-1.7 1.7-1.7" clip-rule="evenodd"/></svg>Como usar o ícone Aviva
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:aviva" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:aviva" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:aviva" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--aviva]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:aviva"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:aviva"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/aviva.svg" alt="Ícone Aviva" width="24" height="24">Perguntas frequentes sobre Ícone Aviva
O ícone Aviva é 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 Aviva no React?
Instale @iconify/react e renderize <Icon icon="thesvg-color:aviva" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Aviva a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/thesvg-color/aviva.svg" alt="Ícone Aviva">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.