ICONYZ
日本語
theSVG Color の Global Power Synergy アイコン

Global Power Synergy アイコン

thesvg-color:global-power-synergy

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

アイコンセット
theSVG Color
作者
thesvg.org
ライセンス
MIT
サイズ
1540 × 1520
タグ
globalpower、powersynergy、globalpowersynergy
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="1540" height="1520" viewBox="0 0 1540 1520"><path fill="#20335a" d="M1351.6 940.4h-339.3c-10 .1-19.8 1.9-29.1 5.4s-17.9 8.6-25.4 15.2c-7.4 6.5-13.7 14.4-18.4 23.1c-4.7 8.8-7.7 18.3-9.1 28.1l-12 88.6h303.5l-1.9 10.2c-38.2 209.7-290.4 200.1-292.9 200.1c-93.4 0-162.7-26.4-205-78c-42.4-51.6-60.7-124.3-56-216.3q.9-23.4 4.2-46.6q3.3-23.3 8.9-46q5.7-22.8 13.6-44.9t18.1-43.2c6-12.3 12.9-24.2 20.7-35.5c7.7-11.4 16.2-22.1 25.5-32.2c9.2-10.2 19.2-19.6 29.8-28.3c10.6-8.8 21.8-16.7 33.5-23.8c12.5-7.3 25.5-13.7 38.8-19.2c13.4-5.6 27-10.3 41-14.1c13.9-3.8 28.1-6.7 42.4-8.7c14.4-2 28.8-3 43.2-3.2q19.7-1.1 39.3-.4q19.7.8 39.2 3.5q19.5 2.6 38.7 7.1q19.1 4.6 37.7 10.9q15 5.8 29.4 12.6q14.5 6.7 28.5 14.5q14 7.7 27.4 16.4t26.2 18.3l56.9-97.2c5.4-9 8.8-19 10.2-29.4c1.3-10.3.5-20.9-2.4-30.9c-3-10-7.9-19.3-14.6-27.4c-6.7-8-15-14.6-24.3-19.2q-9.4-4.5-18.9-8.7q-9.5-4.1-19.1-7.8q-9.7-3.8-19.5-7.1t-19.7-6.2q-25.2-7.2-50.9-12.4q-25.7-5.3-51.7-8.7q-25.9-3.4-52.1-4.9q-26.1-1.5-52.3-1.1c-25.2-.5-50.3.5-75.3 2.9c-25 2.5-49.9 6.5-74.4 11.9s-48.7 12.3-72.5 20.6c-23.7 8.3-46.9 18.1-69.4 29.1a514 514 0 0 0-58.4 34.8c-18.6 12.9-36.3 27.1-53 42.4s-32.4 31.7-46.8 49.2c-14.5 17.4-27.8 35.8-39.7 55.1c-12.6 20.8-23.8 42.5-33.7 64.8c-9.8 22.3-18.2 45.1-25.2 68.5c-6.9 23.3-12.4 47.1-16.4 71.1s-6.4 48.3-7.3 72.6c-5.6 95.7 9.5 179.5 44.7 249c8.6 17.1 18.5 33.5 29.7 49.1c11.1 15.5 23.5 30.2 36.9 43.8c13.4 13.7 27.8 26.3 43.2 37.7s31.6 21.6 48.5 30.5c70.1 37.9 156.8 57 257.4 57c75 0 153.7-3.9 226.3-24.8q18.1-5 35.7-11.8q17.6-6.7 34.4-15q16.9-8.3 33-18.1q16-9.8 31.1-21c12.2-9.4 23.8-19.5 34.9-30.2c11-10.8 21.4-22.1 31.1-34.1c9.7-11.9 18.7-24.4 26.9-37.4c8.3-13 15.7-26.5 22.4-40.3q13.35-28.5 23.7-58.2c6.9-19.7 12.7-39.9 17.6-60.2c4.8-20.4 8.6-41 11.3-61.8s4.4-41.7 4.9-62.6c.5-8.6-.8-17.3-3.8-25.4s-7.7-15.6-13.6-21.9c-6-6.2-13.1-11.2-21.1-14.7c-8-3.4-16.5-5.2-25.2-5.2"/><path fill="#e30613" d="M1494.9 203.5c-40.3-32.7-83.4-61.9-128.7-87.3c-45.4-25.3-92.8-46.8-141.8-64c-48.9-17.3-99.3-30.3-150.5-39C1022.6 4.6 970.8.4 918.8.6C430.7.6 0 367.8 0 830.7v13.2c138.4-356.7 476.6-496 703.5-549.6c54-16.9 109.8-27.5 166.2-31.6c56.4-4.2 113.1-1.8 168.9 7c55.9 8.8 110.6 23.9 163 45.2s102.2 48.5 148.4 81.1c12.2 8.7 25.9 15 40.4 18.6c14.6 3.6 29.6 4.4 44.4 2.5c14.9-2 29.2-6.7 42.3-13.9s24.7-16.8 34.3-28.3c10.3-12.3 18-26.5 22.7-41.8s6.4-31.4 4.9-47.3c-1.6-16-6.3-31.5-13.8-45.6c-7.6-14.1-17.9-26.6-30.3-36.7"/><path fill="#009fe3" d="M.5 844.1c5 272 160.9 529.7 388.3 674c2.8 1.6 6 2.1 9.1 1.5c3.2-.6 6-2.3 7.9-4.8c2-2.5 3-5.6 2.8-8.8s-1.5-6.2-3.7-8.5a712.6 712.6 0 0 1-90.7-109.2c-26.6-39.3-49.2-81.2-67.5-125c-18.3-43.7-32.3-89.2-41.6-135.8c-9.3-46.5-14-93.8-14-141.3c.2-76.9 12.7-153.4 36.9-226.4c24.3-73.1 60-141.8 105.8-203.6c45.8-61.9 101.1-116 163.9-160.5S630 317 703.5 294.3C476.6 347.9 138.4 487.2.5 844.1"/></svg>

Global Power Synergy アイコンの使い方

React

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

<Icon icon="thesvg-color:global-power-synergy" width="24" />

Vue

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

<template>
  <Icon icon="thesvg-color:global-power-synergy" width="24" />
</template>

Svelte

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

<Icon icon="thesvg-color:global-power-synergy" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--global-power-synergy]"></span>

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="thesvg-color:global-power-synergy"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/thesvg-color/global-power-synergy.svg" alt="Global Power Synergy アイコン" width="24" height="24">

theSVG Color の関連アイコン

Global Power Synergy アイコン のよくある質問

Global Power Synergy アイコンは商用利用でも無料ですか?

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

React で Global Power Synergy アイコンを使うには?

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

Global Power Synergy アイコンをウェブページに追加するには?

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

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