Phosphor is a flexible icon family for interfaces, diagrams, presentations - whatever, really.Explore all icons at phosphoricons.com.Playground
Check out our playground in StackBlitz and start experimenting!Installation
yarn add @phosphor-icons/vue
or
npm install @phosphor-icons/vue
Usage
<template> <PhHorse /> <PhHeart :size="32" color="hotpink" weight="fill" /> <PhCube /> </template> <script lang="ts" setup> import { PhHorse, PhHeart, PhCube } from "@phosphor-icons/vue"; </script>
Global install
Allthough we strongly advise against installing your icons globally, you can do so by registering it in your app as follows:
import { createApp } from 'vue' import App from './App.vue'
Check out our playground in StackBlitz and start experimenting!Installation
yarn add @phosphor-icons/vue
or
npm install @phosphor-icons/vue
Usage
<template> <PhHorse /> <PhHeart :size="32" color="hotpink" weight="fill" /> <PhCube /> </template> <script lang="ts" setup> import { PhHorse, PhHeart, PhCube } from "@phosphor-icons/vue"; </script>
Global install
Allthough we strongly advise against installing your icons globally, you can do so by registering it in your app as follows:
import { createApp } from 'vue' import App from './App.vue'
[
add
]
[
|
|
...
]