Icon

Easily display Material Symbols icons

Usage

snowboarding

<script setup>
    import { Icon } from '@8ctavio/vergil/components'
</script>

<template>
    <Icon code="snowboarding"/>
</template>

TIP

Vergil uses Material Symbols. In order for icons to display properly, it is required to import Material Symbols to the project's main css file as follows

@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:FILL@1");

Props

Code

code: string = ''

Material Symbols icon code.

<Icon :code="iconCode"/>

API Reference

Props

prop	type	default
code	string

Anatomy

<span.icon/>