Icône Opencost Dark
thesvg-color:opencost-dark
L'icône Opencost Dark (thesvg-color:opencost-dark) est une icône SVG gratuite de la collection theSVG Color par thesvg.org. Elle est dessinée sur une grille de 905 × 822. Les theSVG Color icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- theSVG Color
- Auteur
- thesvg.org
- Licence
- MIT
- Taille
- 905 × 822
- Mots-clés
- opencostdark
Code SVG
<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>Comment utiliser l'icône Opencost Dark
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>Image HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/opencost-dark.svg" alt="Icône Opencost Dark" width="24" height="24">Icônes similaires dans theSVG Color
FAQ : Icône Opencost Dark
L'icône Opencost Dark est-elle gratuite pour un usage commercial ?
Oui. Les theSVG Color icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Opencost Dark dans React ?
Installez @iconify/react et affichez <Icon icon="thesvg-color:opencost-dark" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Opencost Dark à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/thesvg-color/opencost-dark.svg" alt="Icône Opencost Dark">, ou collez le code SVG directement dans la page pour le styliser en CSS.