Opencost Light icon

thesvg-color:opencost-light

The Opencost Light icon (thesvg-color:opencost-light) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 905 × 822 grid. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: theSVG Color
Author: thesvg.org
License: MIT
Size: 905 × 822
Tags: opencostlight

Download SVG

SVG code

<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>

How to use the Opencost Light icon

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>

HTML image

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

Related icons in theSVG Color

Opencost Light icon FAQ

Is the Opencost Light icon free for commercial use?

Yes. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects.

How do I use the Opencost Light icon in React?

Install @iconify/react and render <Icon icon="thesvg-color:opencost-light" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Opencost Light icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/thesvg-color/opencost-light.svg" alt="Opencost Light icon">, or paste the SVG code inline to style it with CSS.

Browse all theSVG Color icons →