Wave Core
Show Hide
v2.0.2 29-04-2026
Jump to section

Logotype

You can find logo assets in @volue/wave package under dist/core/images/ directory.

If your Webpack setup includes image loaders, you can import logo assets directly from the package:

import pngLogoVolueSrc from '@volue/wave/dist/core/images/logo.png'

Volue logo

Light logotype

Volue logo

SVG logotype

Embedded SVG (recommended)
Volue logo
External SVG
Volue logo

SVG Logomark

Volue logomark

Favicons

You can find favicon assets in @volue/wave package under dist/core/images/ directory.

Be sure to include the following <link rel="icon"> meta tags in your app's HTML document:

<!doctype html>
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <meta name="theme-color" content="#ff5f00">
    <!-- make sure to place `favicon.ico` in the root of your web app (required for legacy browsers) -->
    <link rel="icon" href="/favicon.ico" sizes="any" >
    <link rel="icon" type="image/svg+xml" href="/images/favicon.svg">
    <link rel="icon" type="image/png" sizes="192x192" href="/images/favicon-192.png">
    <link rel="apple-touch-icon" href="/images/favicon-180.png">
    <!-- all other meta tags -->
  </head>
</html>
Announcement

This is the technical documentation of Wave Core library, the foundational part of Wave Design System.

We are excited to announce brand new design system site and a set of polished React components that aim to work out of the box, be accessible and deliver superior developer and user experience. Browse the new Wave Design System site and Wave React components docs at https://wave.volue.com.