Skip to main content
View source

SpotifyIcon

Spotify glyph as an inline SVG.

Usage

svelte 
<script lang="ts">
  import { css } from "@milandekruijf/pandacss/css";
  import { SpotifyIcon } from "@milandekruijf/ui/svelte";
</script>

<SpotifyIcon class={css({ w: 6, h: 6 })} />

Examples

Sizes 
<script lang="ts">
  import { css } from "@milandekruijf/pandacss/css";
  import { SpotifyIcon } from "@milandekruijf/ui/svelte";
  import { row } from "./styles.js";
</script>

<div class={row}>
  <SpotifyIcon class={css({ w: 4, h: 4 })} />
  <SpotifyIcon class={css({ w: 6, h: 6 })} />
  <SpotifyIcon class={css({ w: 8, h: 8 })} />
</div>

Props

PropTypeDefaultDescription
class?string—
Size and color it with utility classes (e.g. `w: 6`).