Risingwave アイコン

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

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

thesvg-color:risingwave

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

アイコンセット: theSVG Color
作者: thesvg.org
ライセンス: MIT
サイズ: 418 × 449

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="418" height="449" viewBox="0 0 418 449"><path fill="#091720" d="M66.27 335.87c5.38 0 9.47 1.12 12.27 3.35c2.8 2.24 4.2 5.2 4.2 8.89c0 1.65-.23 3.22-.68 4.72c-.46 1.5-1.17 2.89-2.15 4.17q-1.47 1.92-3.78 3.42c-1.54 1-3.4 1.82-5.57 2.47c.56 1 1.17 2.2 1.82 3.61s1.32 2.93 2.02 4.56c.69 1.63 1.37 3.33 2.02 5.11s1.24 3.54 1.76 5.27h-8.63c-.52-1.56-1.07-3.15-1.64-4.75c-.57-1.61-1.15-3.16-1.77-4.66q-.915-2.25-1.86-4.23c-.63-1.32-1.25-2.51-1.86-3.55c-.39.04-.87.07-1.43.07h-5.28l-2.18 9.13c-1.12 4.69-5.66 8.91-10.47 8.91l10.96-45.39c2.08-.43 4.2-.73 6.35-.88s4.11-.23 5.89-.23Zm8.14 13.15c0-2.39-.87-4.03-2.6-4.92c-1.74-.89-4.06-1.33-6.97-1.33c-.61 0-1.26.02-1.95.07c-.7.04-1.39.11-2.08.2l-3.51 14.72h3.64c1.95 0 3.75-.16 5.4-.49s3.07-.84 4.26-1.53s2.13-1.6 2.8-2.7c.67-1.11 1.01-2.44 1.01-4Zm15.48 32.43h-7.88l8.2-34.06h7.88zm5.86-37.56c-1.17 0-2.19-.35-3.06-1.04s-1.3-1.74-1.3-3.13c0-1.61.55-2.93 1.66-3.97q1.665-1.56 3.81-1.56c1.17 0 2.2.36 3.09 1.07c.89.72 1.33 1.77 1.33 3.16c0 1.61-.56 2.92-1.69 3.94q-1.695 1.53-3.84 1.53m12.98 32.03c2.08 0 3.73-.34 4.95-1.01c1.21-.67 1.82-1.7 1.82-3.09q0-1.695-1.17-2.7c-.78-.67-2.15-1.46-4.1-2.38c-1.04-.48-2.01-.98-2.9-1.5s-1.66-1.13-2.31-1.82a8.1 8.1 0 0 1-1.56-2.44c-.39-.93-.59-2.05-.59-3.35c0-3.39 1.24-6.08 3.71-8.07c2.47-2 6.06-3 10.74-3c2.17 0 4.11.23 5.83.68c1.71.46 3.01.92 3.87 1.4l-2.8 6.12c-.74-.43-1.8-.86-3.19-1.27s-2.84-.62-4.36-.62c-.74 0-1.46.07-2.18.2s-1.36.35-1.92.65c-.57.3-1.03.73-1.4 1.27s-.55 1.2-.55 1.99c0 1 .4 1.81 1.2 2.44s1.96 1.29 3.48 1.99c1.43.65 2.65 1.28 3.65 1.89s1.82 1.29 2.47 2.05s1.13 1.61 1.43 2.54s.46 2.05.46 3.35c0 1.61-.33 3.09-.98 4.46s-1.59 2.54-2.83 3.52q-1.86 1.47-4.59 2.31c-1.82.56-3.91.85-6.25.85c-1.61 0-3.05-.11-4.33-.33s-2.4-.47-3.35-.75c-.96-.28-1.76-.57-2.41-.88q-.975-.45-1.5-.78l2.8-6.19c.3.17.75.4 1.33.68c.59.28 1.26.55 2.02.81s1.61.49 2.54.68c.93.2 1.92.29 2.96.29Zm25.68 5.53h-7.88l8.2-34.06h7.88zm5.86-37.56c-1.17 0-2.19-.35-3.06-1.04s-1.3-1.74-1.3-3.13c0-1.61.55-2.93 1.66-3.97q1.665-1.56 3.81-1.56c1.17 0 2.2.36 3.09 1.07c.89.72 1.33 1.77 1.33 3.16c0 1.61-.56 2.92-1.69 3.94q-1.695 1.53-3.84 1.53m10.14 4.94c1.74-.52 3.72-1.01 5.96-1.47s4.68-.68 7.33-.68c3.99 0 6.92.98 8.79 2.93s2.8 4.58 2.8 7.88c0 .91-.08 1.88-.23 2.9s-.34 2.07-.55 3.16l-4.3 17.91h-7.87l4.03-17.06c.22-.95.43-1.93.65-2.93s.35-1.95.39-2.86c.04-1.52-.32-2.78-1.07-3.78c-.76-1-2.25-1.5-4.46-1.5c-1.87 0-3.47.2-4.82.59l-6.53 27.54h-7.93l7.81-32.62Zm41.22 38.67c4.83-3.42 5.54-6.16 6.1-8.72l.2-.91c-.87.44-1.91.84-3.13 1.2c-1.22.37-2.5.55-3.84.55c-3.82 0-6.65-1.03-8.5-3.09s-2.77-4.81-2.77-8.24c0-3.13.54-6.01 1.63-8.66q1.62-3.975 4.59-6.87c1.97-1.93 4.35-3.44 7.13-4.53s5.86-1.63 9.25-1.63c1.65 0 3.42.19 5.31.55c1.89.37 3.59.97 5.11 1.79l-6.9 28.91q-.915 3.84-2.31 6.81c-.93 1.97-2.16 3.62-3.68 4.95c-1.52 1.32-3.4 2.33-5.63 3.03c-2.24.69-4.94 1.04-8.11 1.04c-2.3 0-4.37-.25-6.22-.75s-3.46-1.12-4.85-1.86c0 0 11.28.19 16.62-3.59Zm1.27-14.25c1.17 0 2.37-.22 3.61-.65c1.23-.43 2.26-.98 3.09-1.63l4.2-17.39c-1-.22-1.98-.33-2.93-.33c-2 0-3.81.37-5.44 1.11q-2.445 1.11-4.2 3c-1.17 1.26-2.08 2.72-2.74 4.39c-.65 1.67-.98 3.46-.98 5.37s.41 3.41 1.23 4.49c.82 1.09 2.21 1.63 4.16 1.63Zm57.93-29.31c.38 3.05 2.51 17.57 2.77 20s.52 4.69.78 6.77q1.83-3.45 3.78-7.59c1.3-2.76 2.61-5.61 3.91-8.56s2.59-5.98 3.85-9.08s2.48-6.15 3.65-9.15h8.73c-3.43 8.38-6.9 16.3-10.4 23.77s-7.21 14.59-11.12 21.36h-7.97c-.35-2.34-.68-4.64-1-6.9s-.63-4.55-.91-6.87s-.54-4.69-.78-7.1s-.46-4.92-.68-7.52c-2.71 4.99-5.39 9.82-8.03 14.49c-2.65 4.67-5.45 9.3-8.43 13.9H221c-.34-3.78-.58-7.53-.73-11.26s-.22-7.55-.22-11.46c0-7.12.25-14.59.74-22.4h8.2c-.26 4.17-.48 8.3-.65 12.4s-.26 8.26-.26 12.47v4.72c0 1.59.04 3.18.13 4.79c1.35-2.21 2.74-4.55 4.18-7s2.85-4.94 4.24-7.46s2.75-5.04 4.08-7.55c1.33-2.52 1.76-2.46 2.93-4.76h7.16Zm50.83 24.29q-.195.72-.39 2.34c-.13 1.09-.2 2.11-.2 3.06c0 1.26.11 2.49.33 3.68s.56 2.4 1.04 3.61c0 0-5.83.68-8.27-2.28c-1.09.96-2.42 1.81-4 2.57q-2.385 1.14-5.37 1.14c-2.985 0-3.79-.34-5.24-1.01c-1.46-.67-2.64-1.61-3.55-2.8s-1.59-2.59-2.02-4.2s-.65-3.34-.65-5.21c0-3.17.56-6.12 1.69-8.86c1.13-2.73 2.7-5.1 4.72-7.1s4.42-3.57 7.2-4.72s5.82-1.72 9.12-1.72c1.69 0 3.4.14 5.11.42s3.44.81 5.18 1.6l-4.69 19.47Zm-4.28-14.72c-.83-.17-1.76-.26-2.8-.26c-1.96 0-3.76.42-5.41 1.27s-3.07 1.98-4.27 3.39a15.6 15.6 0 0 0-2.77 4.85c-.65 1.82-.98 3.73-.98 5.73c0 1 .09 1.93.26 2.8s.47 1.63.88 2.28s.97 1.17 1.66 1.56s1.58.59 2.67.59c1.39 0 2.61-.29 3.68-.88c1.06-.59 2.05-1.38 2.96-2.38c.04-1.13.14-2.19.29-3.19s.36-2 .62-3zm18.07 27.94c-1.11-4.43-2.1-9.56-2.99-15.4s-1.46-12.06-1.72-18.66h8.07c.04 1.91.12 3.97.23 6.19c.11 2.21.25 4.44.43 6.67c.18 2.24.39 4.39.63 6.48c.24 2.08.52 3.97.83 5.67c1.13-1.48 2.35-3.24 3.66-5.31c1.31-2.06 2.57-4.23 3.79-6.51a94 94 0 0 0 3.33-6.87c1-2.3 1.81-4.41 2.42-6.32h8.21c-1.04 3-2.35 6.08-3.92 9.25s-3.26 6.25-5.09 9.25c-1.83 2.99-3.71 5.84-5.65 8.53s-3.77 5.04-5.51 7.03h-6.71Zm25.98-12.31c0-2.91.47-5.72 1.4-8.43s2.28-5.12 4.04-7.23s3.87-3.79 6.35-5.05q3.705-1.89 8.34-1.89c3.3 0 5.86.85 7.68 2.54q2.73 2.535 2.73 6.51c0 3.975-.67 4.95-2.02 6.64s-3.09 3.02-5.24 3.97q-3.225 1.44-7.29 1.95c-2.71.35-5.46.57-8.24.65c-.04.09-.07.17-.07.26v.65c0 3.95 1.93 7 6.66 8.6c4.33 1.46 10.34 1.89 10.34 1.89c-1.04.48-2.52.96-4.43 1.43q-2.865.72-6.51.72c-3.645 0-4.52-.35-6.25-1.04c-1.74-.69-3.16-1.65-4.27-2.87a11.35 11.35 0 0 1-2.44-4.2c-.52-1.58-.78-3.29-.78-5.11Zm18.95-16.15c-1.3 0-2.54.26-3.71.78s-2.21 1.24-3.13 2.15c-.91.91-1.7 1.99-2.38 3.22a15 15 0 0 0-1.47 4c5.21-.17 9-.8 11.36-1.89c2.37-1.08 3.55-2.71 3.55-4.88c0-.87-.31-1.65-.94-2.34s-1.73-1.04-3.29-1.04Z"/><g fill="#005eec"><path d="M215.18 194.83c-10.25-25.86-12.59-52.42-8.19-75.78c-29.98 42.24-20.57 100.87 21.37 131.55c17.1 12.51 36.99 18.46 56.67 18.32c-29.08-11.43-55.54-37.97-69.85-74.09"/><path d="M181.87 234.42c-28.15-62.74-7.98-132.89 45.05-156.69c20.46-9.18 42.82-10.12 64.19-4.21c-78.52-35.59-163.91-16.61-190.97 42.56c-27.13 59.33 14.67 136.59 93.36 172.57c20.22 9.25 40.91 14.86 60.96 17.1c-30.02-11.56-57.04-36.69-72.59-71.33"/><path d="M235.8 100.09c14.37 1.7 25.41 12.6 27.92 26.12c2.41 13.65 13.49 24.7 27.97 26.41c17.69 2.09 33.72-10.55 35.81-28.23c1.7-14.33-6.28-27.57-18.77-33.19a88 88 0 0 0-4.72-1.89c-8.34-2.57-17.19-3.86-26.36-4.04c-19.31-.36-37.62 5.11-52.42 15.21c2.82-.44 7.61-.74 10.58-.39Zm42.19 102.9c-29.39-21.5-46.55-52.86-49.22-83.94c-8.61 30.21-1.56 64.57 21.58 90.19c33.04 36.58 87.15 42.32 124.83 14.7c-30.95 7.75-67.06 1.09-97.19-20.95M88.81 110.3c-27.61 21.44-42.92 52.19-37.7 83.25c6.27 37.36 45.18 67.83 82.54 75.37c-44.55-32-81.58-92.64-44.83-158.62Z"/></g></svg>

Risingwave アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="thesvg-color:risingwave"></iconify-icon>

HTML 画像

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

他のアイコンセットの Risingwave アイコン

Risingwave アイコンのよくある質問

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

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

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

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

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

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

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