Icono Opencost Light

thesvg-color:opencost-light

El icono Opencost Light (thesvg-color:opencost-light) es un icono SVG gratuito de la colección theSVG Color de thesvg.org. Está dibujado en una cuadrícula de 905 × 822. theSVG Color icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.

Colección: theSVG Color
Autor: thesvg.org
Licencia: MIT
Tamaño: 905 × 822
Etiquetas: opencostlight

Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="905" height="822" viewBox="0 0 905 822"><g fill="none"><path fill="#416a5d" d="M54.485 579.082s93.47-137.212 263.982-95.184c170.511 42.029 169.17-123.806 340.956-150.552c171.786-26.678 234.68 59.792 234.68 59.792l10.795 111.473l-47.338 121.192l-88.843 63.881l-39.829 32.376l-23.266 71.388l-72.215 4.96l-36.543-5.831l-6.638-57.245l-36.543-22.858l-74.025 12.87l-28.094 34.857l-18.238 38.207h-89.648l-14.952-66.428l-55.787-24.265l-97.024-55.435l-40.7-32.376l-42.31 4.961l-34.061-5.832l-4.359-40.085z" opacity=".4"/><path fill="#023927" d="M315.717 808.06h-30.374c-31.515 0-57.933-23.595-61.42-54.965l-4.023-36.398c-1.14-10.256 6.236-19.506 16.495-20.646c10.259-1.206 19.512 6.234 20.652 16.49l4.023 36.398c1.408 12.401 11.801 21.718 24.273 21.718h30.374c10.326 0 18.707 8.379 18.707 18.635c0 10.255-8.381 18.701-18.707 18.701m259.087.068h-26.486c-27.156 0-50.825-17.361-58.938-43.235l-8.784-27.952c-3.084-9.854 2.414-20.311 12.204-23.394c9.856-3.084 20.316 2.346 23.401 12.2l8.783 27.952c3.219 10.255 12.606 17.092 23.334 17.092h26.486c10.326 0 18.707 8.379 18.707 18.635s-8.381 18.702-18.707 18.702"/><path fill="#63e892" d="M521.833 60.596c0 4.29 2.414 7.44 7.107 9.451V52.82c-4.76.872-7.107 3.486-7.107 7.776"/><path fill="#023927" d="M532.293 0c-44.321 0-80.261 35.929-80.261 80.236s35.94 80.237 80.261 80.237s80.26-35.929 80.26-80.237S576.614 0 532.293 0"/><path fill="#7f9c93" d="M110.338 625.065S62.866 353.589 408.114 330.932s223.75-193.384 364.29-107.652c140.54 85.733 94.274 151.089 94.274 151.089l12.002 164.36l-87.435 131.18l-78.584 51.413l-6.973 72.192l-67.521 1.475l-50.691-11.127l-19.914-62.54l-59.274-5.765l-50.355 20.109l-31.581 59.189l-46.735 19.372l-71.946-15.216s4.157-54.429 4.157-59.524s-53.842-23.595-53.842-23.595l-9.119-25.874l-111.976-52.954l-26.553-12.2z" opacity=".3"/><path fill="#023927" d="M675.783 821.332h-74.494c-19.043 0-35.269-13.607-38.622-32.309l-6.772-37.671c-1.006-5.631-5.9-9.72-11.667-9.72H471.88c-5.297 0-9.991 3.62-11.399 8.714l-11.399 41.962c-4.626 17.093-20.182 28.957-37.884 28.957h-68.929c-18.372 0-34.531-13.071-38.353-31.102l-10.594-49.67c-34.934-7.508-131.89-33.315-174.602-95.386c-3.554-5.228-10.125-7.507-16.226-5.697l-19.847 5.898c-11.064 3.285-23 1.676-32.856-4.424c-9.79-6.032-16.628-16.02-18.64-27.415L.643 442.003c-2.213-12.468 1.34-24.936 9.856-34.32s20.585-14.278 33.258-13.205l7.174.536c6.974.469 13.343-3.821 15.22-10.323c12.674-44.106 47.205-124.275 137.724-180.313c-12.471-8.111-29.234-13.34-50.087-15.552l-14.684-1.541l-4.023-29.628l14.148-5.363l172.255-63.88c12.873-4.827 27.088-3.62 39.023 3.284c11.802 6.837 19.848 18.501 22.127 31.974c5.901 35.325 17.3 59.658 30.576 65.355c51.696 14.948 194.918 40.755 250.772-14.679c16.025-15.887 41.773-18.3 61.218-5.765c54.714 35.526 181.642 137.28 178.893 315.65c-.201 7.239-7.107 168.851-169.439 239.368l-21.255 69.98c-5.029 16.624-20.115 27.818-37.549 27.818M472.014 704.363h72.348c23.871 0 44.187 17.026 48.412 40.487l6.772 37.671c.134.872.938 1.542 1.877 1.542h74.494c.872 0 1.542-.536 1.811-1.341l26.418-86.939l8.314-3.352c147.312-59.188 154.151-202.97 154.353-209.07c2.413-159.333-112.379-251.3-161.863-283.408c-4.76-3.083-10.862-2.681-14.483.939c-83.344 82.649-280.14 26.209-288.455 23.729l-1.475-.469c-27.625-10.591-45.997-42.364-54.647-94.38c-.536-3.285-2.749-5.027-4.023-5.765s-3.956-1.81-7.241-.603L215.14 167.711c14.617 7.642 26.418 17.697 35.269 30.232c25.413 35.861 15.891 77.689 15.489 79.431c-2.414 10.055-12.472 16.222-22.462 13.876s-16.227-12.334-13.88-22.389c.134-.536 3.621-17.294-2.347-34.923c-82.54 49.603-113.719 121.662-125.051 161.076c-6.772 23.461-29.435 39.213-54.043 37.202l-7.175-.536c-1.206-.067-2.145.536-2.682 1.073c-.469.536-1.005 1.407-.804 2.748l30.575 171.6c.201 1.139.939 1.809 1.475 2.145c.537.335 1.475.67 2.615.335l19.848-5.899c21.657-6.435 44.79 1.743 57.597 20.31c42.577 61.937 161.325 81.98 162.532 82.181l12.606 2.078l15.757 74.203c.201.872.939 1.475 1.81 1.475h68.929c.872 0 1.61-.604 1.811-1.408l11.398-41.961c5.767-21.383 25.279-36.331 47.473-36.331"/><path fill="#023927" d="M238.474 382.278c0 19.975-16.16 36.13-36.141 36.13s-36.141-16.155-36.141-36.13s16.16-36.13 36.141-36.13s36.141 16.155 36.141 36.13"/></g></svg>

Cómo usar el icono Opencost Light

React

import { Icon } from "@iconify/react";

<Icon icon="thesvg-color:opencost-light" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="thesvg-color:opencost-light" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="thesvg-color:opencost-light" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--opencost-light]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:opencost-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:opencost-light"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/thesvg-color/opencost-light.svg" alt="Icono Opencost Light" width="24" height="24">

Iconos relacionados en theSVG Color

Preguntas frecuentes sobre Icono Opencost Light

¿El icono Opencost Light es gratis para uso comercial?

Sí. theSVG Color icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.

¿Cómo uso el icono Opencost Light en React?

Instala @iconify/react y renderiza <Icon icon="thesvg-color:opencost-light" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono Opencost Light a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/thesvg-color/opencost-light.svg" alt="Icono Opencost Light">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Iconos theSVG Color →