Ícone Vinpearl Light
thesvg-color:vinpearl-light
O ícone Vinpearl Light (thesvg-color:vinpearl-light) é um ícone SVG gratuito da coleção theSVG Color de thesvg.org. Ele é desenhado em uma grade de 89 × 51. 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
- 89 × 51
- Tags
- vinpearllight
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="89" height="51" viewBox="0 0 89 51"><g fill="none"><path fill="#2a398c" d="M10.99 37.57L7.282 48.051L3.94 38.768a1.72 1.72 0 0 0-1.514-1.199H0l.08.214a1.545 1.545 0 0 1 1.374 1.088L5.81 50.99h1.809l4.741-13.42h-1.368m5.386 11.947V37.755h-2.363v11.77s-.052 1.464 1.199 1.464h1.83v-.176s-.666-.125-.666-1.296m13.962-.039V37.81l.008-.06h-1.307v9.814l-7.058-9.806h-3.376l.024.14a2.05 2.05 0 0 1 .727 1.798v10.919c0 .018.008.035.008.052v.107c0 .02-.008.044-.008.07v.15h1.312V39.849L28.7 50.99h2.369l-.013-.17a1.35 1.35 0 0 1-.717-1.34m6.372-11.725h-4.743l.018.14s.667.227.74 1.721v9.909s-.024 1.464 1.19 1.464h1.939v-.162a1.35 1.35 0 0 1-.749-1.302V44.8h2c.468.006 4.392.134 4.392-3.398c0-3.468-3.282-3.647-4.788-3.647zm-.116 5.935h-1.49v-4.807h1.558c1.362 0 2.46.342 2.46 2.516c0 2.101-1.663 2.29-2.533 2.29m14.316 5.928h-5.013v-4.694h5.248l.014-.068v-1.241l-.014-.07h-5.248v-4.416h4.265c.981 0 1.284.33 1.37.566h.208l-.242-1.392a1.26 1.26 0 0 0-1.176-.547h-7.569l.021.14s.702.238.74 1.86v11.234h7.502c.336.008.665-.1.931-.307l.203-1.641h-.166c-.16.616-.97.576-1.075.576m14.036-.099l-3.263-10.253l.063.197c-.284-.882-.465-1.44-.23-1.702l-.022-.147h-3.238l-2.168 6.596a4.3 4.3 0 0 1-2.887-.891l-.028.18c-.014-.008.603 1.208.63 1.233c.58.411 1.253.673 1.959.763l-1.745 5.495l.046-.006h1.412l1.764-5.398h2.754a1.42 1.42 0 0 1 1.49 1.03l.95 2.902s.393 1.466 1.43 1.466h1.86l-.008-.13c-.437-.215-.748-1.239-.773-1.336zm-5.03-5.304h-2.37l1.628-5.009l1.73 5.195a1.75 1.75 0 0 0-.976-.186m16.482 3.54a20 20 0 0 0-1.403-2.274a3.9 3.9 0 0 0-1.216-1.02a3.34 3.34 0 0 0 2.344-2.484a3.35 3.35 0 0 0-1.06-3.247a4.52 4.52 0 0 0-3.053-.978h-5.366l.024.14s.667.23.734 1.736v.384c0 .059.011.12.011.18v8.318c0 .058-.01.117-.01.176v2.305h2.367v-5.8h1.081c1.344 0 1.881.964 2.958 2.858a25 25 0 0 0 1.3 2.093a1.76 1.76 0 0 0 1.624.848h1.977v-.006l.007-.154c-.703-.186-1.331-1.346-2.324-3.077zm-4.736-3.97h-1.896V38.86h1.671a2.24 2.24 0 0 1 2.299 1.443c.115.304.163.63.14.954a2.304 2.304 0 0 1-2.213 2.522m17.303 5.838h-6.146l-.022-.012v-9.387c0-.107.011.367.011-.893c0-1.533-1.197-1.57-1.197-1.57h-1.933l.024.14s.641.214.731 1.638v.402c0 .039.008.08.008.115v8.35c0 .04-.008.074-.008.116v2.473h8.385L89 49.608z"/><path fill="url(#SVGk6SpObOG)" d="M60.96.003c-9.115 1.083-18.432 4.058-19.05 13.06c-.286 4.212 1.022 7.375 2.497 10.429c-3.704-3.614-9.053-6.512-16.55-5.805c4.566 1.283 9.957 3.736 12.854 6.978c.612.69 1.508 1.886 1.297 2.901c-.35 1.711-3.532 1.362-5.458 1.455c3.994 1.585 8.458 4.443 14.152 4.257c2.846-.09 4.936-1.804 4.717-4.983c-.401-5.712-4.645-10.594-5.09-17.049c-.496-7.28 4.666-9.952 10.452-11.148c.117.036.3 0 .348-.038c.039-.027.003-.06-.156-.06h-.014z"/><defs><linearGradient id="SVGk6SpObOG" x1="44.5" x2="44.5" y1="0" y2="33.287" gradientUnits="userSpaceOnUse"><stop stop-color="#cf873c"/><stop offset="1" stop-color="#f2a842"/></linearGradient></defs></g></svg>Como usar o ícone Vinpearl Light
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:vinpearl-light" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:vinpearl-light" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:vinpearl-light" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--vinpearl-light]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:vinpearl-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:vinpearl-light"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/vinpearl-light.svg" alt="Ícone Vinpearl Light" width="24" height="24">Ícones relacionados em theSVG Color
Perguntas frequentes sobre Ícone Vinpearl Light
O ícone Vinpearl 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 Vinpearl Light no React?
Instale @iconify/react e renderize <Icon icon="thesvg-color:vinpearl-light" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Vinpearl 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/vinpearl-light.svg" alt="Ícone Vinpearl Light">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.