Ícone Affirm Light
thesvg-color:affirm-light
O ícone Affirm Light (thesvg-color:affirm-light) é um ícone SVG gratuito da coleção theSVG Color de thesvg.org. Ele é desenhado em uma grade de 429 × 171. 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
- 429 × 171
- Tags
- affirmlight
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="429" height="171" viewBox="0 0 429 171"><g fill="none"><g fill="#fff" clip-path="url(#SVG4E4M1cCc)"><path fill-rule="evenodd" d="M28.1 156.27c-5.3 0-8-2.61-8-6.9c0-8 8.92-10.69 25.19-12.42c0 10.66-7.21 19.32-17.24 19.32zm7-59.95c-11.63 0-25 5.47-32.26 11.26l6.63 14c5.82-5.33 15.23-9.89 23.72-9.89c8.07 0 12.53 2.7 12.53 8.14c0 3.65-2.95 5.5-8.53 6.23c-20.86 2.7-37.21 8.46-37.21 24.53c0 12.74 9.07 20.45 23.24 20.45c10.12 0 19.12-5.62 23.4-13v11h18.86v-46.09c0-19-13.19-26.67-30.37-26.67zm189.29 2.07v70.56h20.18v-34c0-16.15 9.78-20.9 16.59-20.9a15.47 15.47 0 0 1 8.63 2.55l3.69-18.65a22.8 22.8 0 0 0-9-1.63c-10.37 0-16.89 4.59-21.19 13.93V98.39zM367 96.32c-10.67 0-18.65 6.3-22.8 12.38c-3.85-7.85-12-12.38-21.8-12.38c-10.66 0-18.05 5.92-21.46 12.74V98.39h-19.46v70.56h20.2v-36.33c0-13 6.83-19.29 13.2-19.29c5.77 0 11.07 3.73 11.07 13.36v42.26h20.16v-36.33c0-13.19 6.66-19.29 13.33-19.29c5.34 0 11 3.88 11 13.22v42.4h20.16v-48.78c0-15.85-10.67-23.85-23.56-23.85m-191.76 2.07H157v-7.17c0-9.34 5.33-12 9.92-12a20.2 20.2 0 0 1 9 2.25l6.22-14.23s-6.31-4.12-17.78-4.12c-12.89 0-27.56 7.27-27.56 30.08v5.19h-30.55v-7.17c0-9.34 5.32-12 9.92-12c3.139 0 6.23.773 9 2.25l6.22-14.23c-3.71-2.17-9.68-4.12-17.77-4.12c-12.89 0-27.56 7.27-27.56 30.08v5.19H74.38v15.56h11.71v55h20.16v-55h30.59v55H157v-55h18.28z" clip-rule="evenodd"/><path d="M207.46 98.39h-20.14v70.53h20.14z"/><path fill-rule="evenodd" d="M188.06 86.4h19.73c11.51-36.19 50.56-68 97-68c56.48 0 105.29 43 105.29 109.94a137.6 137.6 0 0 1-5.6 40.61h19.15l.19-.66a162.2 162.2 0 0 0 4.74-39.89C428.56 53.75 374.16.02 304.83.02c-54.46 0-103 37.8-116.76 86.4z" clip-rule="evenodd"/></g><defs><clipPath id="SVG4E4M1cCc"><path fill="#fff" d="M0 0h428.55v171H0z"/></clipPath></defs></g></svg>Como usar o ícone Affirm Light
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:affirm-light" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:affirm-light" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:affirm-light" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--affirm-light]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:affirm-light"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:affirm-light"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/affirm-light.svg" alt="Ícone Affirm Light" width="24" height="24">Ícones relacionados em theSVG Color
Perguntas frequentes sobre Ícone Affirm Light
O ícone Affirm Light é 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 Affirm Light no React?
Instale @iconify/react e renderize <Icon icon="thesvg-color:affirm-light" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Affirm Light a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/thesvg-color/affirm-light.svg" alt="Ícone Affirm Light">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.