Volta Light アイコン

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

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

thesvg-color:volta-light

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

アイコンセット: theSVG Color
作者: thesvg.org
ライセンス: MIT
サイズ: 778 × 222
タグ: voltalight

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="778" height="222" viewBox="0 0 778 222"><path fill="#fff" d="M328.717 221.566q-24.61 0-42.656-10.543q-18.048-10.543-28-29.5q-9.844-18.957-9.844-44.303t9.844-44.409q9.952-19.062 28-29.606q18.047-10.543 42.656-10.543q24.61 0 42.656 10.543q18.046 10.544 27.891 29.606q9.953 19.063 9.953 44.409t-9.953 44.303q-9.845 18.957-27.891 29.5q-18.047 10.542-42.656 10.543m.219-30.884q13.343 0 22.312-7.136q8.969-7.24 13.344-19.382q4.484-12.14 4.484-27.05q0-15.016-4.484-27.157q-4.375-12.246-13.344-19.489q-8.969-7.242-22.312-7.241q-13.672 0-22.75 7.241q-8.97 7.242-13.454 19.489q-4.374 12.14-4.375 27.157q0 14.91 4.375 27.05q4.485 12.141 13.454 19.382q9.078 7.136 22.75 7.136M474.416.266a8 8 0 0 1 8 8V210.37a8 8 0 0 1-8 8h-23.594a8 8 0 0 1-8-8V8.266a8 8 0 0 1 8-8zm124.605 54.526a8 8 0 0 1 8 8V76.61a8 8 0 0 1-8 8h-80.578a8 8 0 0 1-8-8V62.79a8 8 0 0 1 8-8zm-64.734-31.19a8 8 0 0 1 8-8h23.594a8 8 0 0 1 8 8v145.567q0 7.775 2.406 11.928q2.516 4.047 6.563 5.538t8.968 1.491q3.719 0 6.782-.533c2.644-.444 5.293 1.216 5.873 3.834l4.056 18.323c.884 3.994-1.402 7.976-5.389 8.891q-1.018.234-2.134.475q-5.797 1.278-14.219 1.491q-14.875.426-26.797-4.366q-11.922-4.899-18.922-15.123q-6.89-10.223-6.781-25.559zm154.191 198.07q-15.968 0-28.765-5.538q-12.687-5.643-20.125-16.613q-7.328-10.97-7.328-27.05q0-13.845 5.25-22.897q5.25-9.053 14.328-14.484t20.453-8.2q11.484-2.875 23.734-4.153q14.766-1.491 23.953-2.663q9.187-1.278 13.344-3.833q4.266-2.663 4.266-8.201v-.639q0-12.034-7.328-18.637t-21.11-6.602q-14.547 0-23.078 6.176q-5.345 3.92-8.486 8.74c-2.078 3.188-5.598 5.476-9.367 4.955l-21.297-2.945c-4.842-.67-8-5.52-5.97-9.967q4.242-9.288 11.214-16.225q10.062-10.116 24.609-15.122q14.547-5.112 32.157-5.112q12.14 0 24.172 2.769q12.03 2.769 21.984 9.159q9.952 6.282 15.969 17.146q6.125 10.862 6.125 27.156v101.479a8 8 0 0 1-8 8h-22.063a8 8 0 0 1-8-8V195.9h-1.312q-3.61 6.816-10.172 12.78q-6.454 5.857-16.297 9.478q-9.735 3.514-22.86 3.514m10.282-28.328q11.921 0 20.672-4.579q8.75-4.686 13.453-12.354q4.812-7.668 4.812-16.72v-12.314c0-2.803-3.648-4.961-6.343-4.193q-4.375 1.278-9.844 2.237a311 311 0 0 1-10.828 1.704q-5.36.745-9.297 1.278q-8.86 1.171-15.86 3.833t-11.046 7.455q-4.047 4.686-4.047 12.141q0 10.65 7.984 16.081t20.344 5.431M32.337 9.452c-2.748-3.676-5.366-6.615-9.254-8c-4.392-1.96-9.32-2.086-13.934.553c-1.726.988-2.874 1.904-3.836 2.996c-5.361 4.935-6.97 12.87-3.416 19.557l.012-.006c.814 1.766 1.611 3.27 2.59 5.101l46.334 73.545l21.06 33.428l8.138 12.916l34.278 56.612c2 3.298 4.875 6.036 8.338 7.94A23.65 23.65 0 0 0 134.034 217c3.997 0 7.925-1.002 11.387-2.906s6.337-4.642 8.337-7.94L258.943 32.568A20.9 20.9 0 0 0 262 21.721a20.9 20.9 0 0 0-3.047-10.85c-1.998-3.298-4.873-6.038-8.335-7.942A23.64 23.64 0 0 0 239.231.022h-79.008c-31.304 0-54.39 13.1-70.275 38.658l-4.657 7.682l-1.165 1.92l22.437 31.24l13.806-22.787c10.549-16.583 22.533-22.624 41.141-22.624l55.138.011L133.997 170.5l-23.44-38.756l.017-.031l-.876-1.391l-16.94-28.01l-21.44-32.901l-24.54-38.948zM18.214 159.003c-.555.941-1.209 2.27-1.556 3.259c-1.69 5.249-.538 10.94 2.919 15.174q.256.355.538.626a17 17 0 0 0 4.428 3.495c8.186 4.51 18.595 1.79 23.317-6.07a22 22 0 0 0 2.578-3.433l10.728-17.714l-21.643-32.486l-1.257 2.073l-2.513 4.146l-5.027 8.291z"/></svg>

Volta Light アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:volta-light"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="thesvg-color:volta-light"></iconify-icon>

HTML 画像

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

theSVG Color の関連アイコン

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

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

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

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

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

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

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

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