Icon

An Icon is a small graphic element used to visually represent an action, object, or idea. Icons enhance the user interface by providing intuitive and recognizable symbols that can improve navigation and usability.

Import

import {NIcon} from '@nova-org/components'

Usage

Code

Template

<template>
  <n-icon name="vuesax/linear/map-1" size="40px"/>
</template>

Script

<script setup lang="ts">
import {NIcon} from '@nova-org/components'
</script>

Search for icon

vuesax/Crypto/bold/aave-(aave)

vuesax/Crypto/bold/android

vuesax/Crypto/bold/ankr-(ankr)

vuesax/Crypto/bold/apple

vuesax/Crypto/bold/augur-(rep)

vuesax/Crypto/bold/autonio-(niox)

vuesax/Crypto/bold/avalanche-(avax)

vuesax/Crypto/bold/be

vuesax/Crypto/bold/binance-coin-(bnb)

vuesax/Crypto/bold/binance-usd-(busd)

vuesax/Crypto/bold/bitcoin-(btc)

vuesax/Crypto/bold/blogger

vuesax/Crypto/bold/bootsrap

vuesax/Crypto/bold/cardano-(ada)

vuesax/Crypto/bold/celo-(celo)

vuesax/Crypto/bold/celsius-(cel)-

vuesax/Crypto/bold/chainlink-(link)

vuesax/Crypto/bold/civic-(cvc)

vuesax/Crypto/bold/dai-(dai)

vuesax/Crypto/bold/dash-(dash)

vuesax/Crypto/bold/decred-(dcr)

vuesax/Crypto/bold/dent-(dent)

vuesax/Crypto/bold/dribbble

vuesax/Crypto/bold/dropbox

vuesax/Crypto/bold/educare-(ekt)

vuesax/Crypto/bold/emercoin-(emc)

vuesax/Crypto/bold/enjin-coin-(enj)

vuesax/Crypto/bold/eos-(eos)

vuesax/Crypto/bold/ethereum-(eth)

vuesax/Crypto/bold/ethereum-classic-(etc)

vuesax/Crypto/bold/facebook

vuesax/Crypto/bold/figma-1

vuesax/Crypto/bold/figma

vuesax/Crypto/bold/framer

vuesax/Crypto/bold/ftx-token-(ftt)

vuesax/Crypto/bold/google-1

vuesax/Crypto/bold/google-play

vuesax/Crypto/bold/google

vuesax/Crypto/bold/harmony-(one)

vuesax/Crypto/bold/hedera-hashgraph-(hbar)

vuesax/Crypto/bold/hex-(hex)

vuesax/Crypto/bold/html-3

vuesax/Crypto/bold/html-5

vuesax/Crypto/bold/huobi-token-(ht)

vuesax/Crypto/bold/icon-(icx)

vuesax/Crypto/bold/icon-1

vuesax/Crypto/bold/icon

vuesax/Crypto/bold/illustrator

vuesax/Crypto/bold/iost-(iost)

vuesax/Crypto/bold/java-script

API

Props

PropertyTypeDefault valueDescription