Volue logo
Volue logomark
Wave Core
Show Hide
v1.14.1 16-10-2024
Jump to section

Light 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

Dark logotype

Volue logo

SVG logotype

Embedded SVG (recommended)
Volue logo
External SVG
Volue logo

SVG Logomark

Volue logomark Product name
Volue logomark Product name

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="#00829B">
    <!-- 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.

Currently we are working on 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.