Opencost Dark icon

thesvg-color:opencost-dark

The Opencost Dark icon (thesvg-color:opencost-dark) 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: opencostdark

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="905" height="822" viewBox="0 0 905 822"><g fill="#fff"><path 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"/><path 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.702M521.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 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 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 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 Dark icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

HTML image

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

Related icons in theSVG Color

Opencost Dark icon FAQ

Is the Opencost Dark 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 Dark icon in React?

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

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

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

Browse all theSVG Color icons →