Risingwave Icon icon
logos:risingwave-icon
The Risingwave Icon icon (logos:risingwave-icon) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 256 × 226 grid. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- SVG Logos
- Author
- Gil Barbara
- License
- CC0-1.0
- Size
- 256 × 226
- Tags
- risingwaveicon
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="226" viewBox="0 0 256 226"><path fill="#4acfd2" d="M84.756 122.242a127 127 0 0 0 10.924-5.607a128.4 128.4 0 0 0 26.216-19.984c17.97-17.754 29.591-39.506 34.842-62.433c.28-1.226.416-2.133.664-3.385c1.44-7.2 5.119-13.937 10.737-19.488c14.973-14.794 38.585-15.567 53.902.328c3.841 3.986 9.98 8.75 10.583 21.177c.01 5.253-.308 10.51-.948 15.737c-3.375 27.678-15.768 54.455-37.143 75.573c-27.892 27.56-65.235 39.703-101.455 36.5a128.4 128.4 0 0 1-34.456-7.933a127.3 127.3 0 0 1-33.79-19.263c20.38 1.104 40.979-2.637 59.924-11.222"/><path fill="#f0b400" d="M110.04 8.404c10.851-10.72 28.335-10.615 39.056.236c6.867 6.952 9.916 15.459 7.922 24.333l-.28 1.246c-5.251 22.926-16.872 44.678-34.842 62.432a128.4 128.4 0 0 1-26.217 19.984a127 127 0 0 1-10.923 5.607a127.4 127.4 0 0 0 8.997-17.543c9.556-22.828 12.223-47.871 7.98-71.945c-.032-.358-.331-1.803-.331-1.803c-1.08-8.265 2.251-16.236 8.638-22.547"/><path fill="#e23e2b" d="M95.853 20.03a20.55 20.55 0 0 1 5.048 8.438c.302 1.424.578 2.856.832 4.286c4.244 24.074 1.577 49.117-7.98 71.947a127.4 127.4 0 0 0-26.194-54.677a127 127 0 0 0-3.781-4.414c-6.77-7.337-4.145-18.798 2.9-25.758c8.105-8.008 21.168-7.926 29.175.178"/><path fill="#3a7ceb" d="M13.247 123.066a129 129 0 0 0 11.587 10.397a127.3 127.3 0 0 0 33.787 19.263a128.3 128.3 0 0 0 34.456 7.933c36.222 3.204 73.562-8.94 101.455-36.496c26.054-25.74 38.602-59.815 37.912-93.75c-1.535-8.429-4.932-7.34-4.816-11.69c.808.654 4.424 4.147 7.077 7.938c33.22 50.042 27.536 118.183-16.8 161.987c-40.64 40.15-101.332 47.58-149.397 22.494c-11.502-6.004-22.28-13.865-31.888-23.59a129 129 0 0 1-11.979-13.986a127.3 127.3 0 0 1-20.68-42.96A128.3 128.3 0 0 1 0 107.334a129 129 0 0 0 13.247 15.732"/></svg>How to use the Risingwave Icon icon
React
import { Icon } from "@iconify/react";
<Icon icon="logos:risingwave-icon" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:risingwave-icon" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:risingwave-icon" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--risingwave-icon]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:risingwave-icon"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:risingwave-icon"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/logos/risingwave-icon.svg" alt="Risingwave Icon icon" width="24" height="24">Related icons in SVG Logos
Risingwave Icon icon FAQ
Is the Risingwave Icon icon free for commercial use?
Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.
How do I use the Risingwave Icon icon in React?
Install @iconify/react and render <Icon icon="logos:risingwave-icon" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Risingwave Icon icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/risingwave-icon.svg" alt="Risingwave Icon icon">, or paste the SVG code inline to style it with CSS.