Opencost Light アイコン

Q: Opencost Light アイコンは商用利用でも無料ですか?

はい。theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

thesvg-color:opencost-light

Opencost Light アイコン(thesvg-color:opencost-light)は、theSVG Color セットの無料 SVG アイコンです（作者: thesvg.org）。 905 × 822 のグリッドで描かれています。 theSVG Color icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: theSVG Color
作者: thesvg.org
ライセンス: MIT
サイズ: 905 × 822
タグ: opencostlight

SVG をダウンロード

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>

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 コンポーネント

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

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

theSVG Color の関連アイコン

Opencost Light アイコンのよくある質問

Opencost Light アイコンは商用利用でも無料ですか?

はい。theSVG Color icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Opencost Light アイコンを使うには?

@iconify/react をインストールして <Icon icon="thesvg-color:opencost-light" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Opencost Light アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg-color/opencost-light.svg" alt="Opencost Light アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

theSVG Color アイコンをすべて見る →