Releases: phosphor-icons/vue
v2.2.0 New Icons
This release comes with a new set of icons, released in version 2.1.0 of the core phosphor icons library.
Go to https://phosphoricons.com/ and check out the latest additions.
View the react library release notes for further information https://github.com/phosphor-icons/react/releases
v2.1.6
Erroneous deployment
Full Changelog: v2.1.5...v2.1.6
v2.1.5
What's Changed
- fix(#36): Default condition should be last one by @hypernova7 in #37
New Contributors
- @hypernova7 made their first contribution in #37
Full Changelog: v2.1.4...v2.1.5
v2.1.4
What changed
Global installs
Even though we strongly advise against global installs, since they break treeshaking,
you can now globally install icons utilizing the default export.
It's as simple as:
import { createApp } from 'vue'
import App from './App.vue'
let app = createApp(App)
app.use(PhosphorIcons)
app.mount('#app')
closes #34
Compact build
Some users have complained that the library may cause build systems to open up too many files at once, causing the build to crash.
For that, we've now added a compact
build, that bundles all icons into one file.
Instead of importing the icons from @phosphor-icons/vue
you'll need to import icons from @phosphor-icons/vue/compact
Important: For your project to be able to resolve the compact types and modules, make sure that "moduleResolution": "nodenext",
is set in your tsconfig.json
Why do we use two separate builds, isn't the compact build enough?
No, since many bundlers can not yet reliably tree-shake modules if they exist in the same file, we have to separate out every Icon into a different file. This is fine, but some build systems might have environmental restrictions such as
Netlify
that prevent the build script to open up too many files at once
closes #35
v2.0.3
v2.0.0 Pre release
This release is the first alpha release for a major overhaul of the project as well as vue3 support.
Compatability
This release only supports Vue 3. Vue 2 users will need to remain on our 1.4.x version for now, until we find a good migration policy.
Changes
- Use vite.js as package bundler
- Improved project structure
- Reference source icons though a git-submodule
- Finally fix tree-shakability: This has caused Nuxt 3 and Vue 3 project to hang during build time or have excessive bundle sizes, making builds and deployments impossible
- Lighter repo. We don't commit compiled vue components to the repo anymore. These components will now be compiled locally via the
npm run assemble
command
Please note, that this is a alpha release and many things are bound to change, so do not use this package in production yet.
Full Changelog: https://github.com/phosphor-icons/vue/commits/v2.0.0-alpha.1
v1.4.0
New icons
This release adds 153 new icons to the family:
alien
, align-bottom-simple
, align-center-horizontal-simple
, align-center-vertical-simple
, align-left-simple
, align-right-simple
, align-top-simple
, angular-logo
, app-store-logo
, apple-podcasts-logo
, arrows-horizontal
, arrows-vertical
, asterisk-simple
, backpack
, balloon
, barricade
, bathtub
, battery-plus
, beer-bottle
, behance-logo
, bezier-curve
, binoculars
, butterfly
, cactus
, camera-rotate
, campfire
, circle-notch
, coat-hanger
, codepen-logo
, codesandbox-logo
, coin-vertical
, coins
, confetti
, copyleft
, currency-eth
, currency-kzt
, currency-ngn
, cursor-text
, cylinder
, detective
, diamonds-four
, drop-half-bottom
, egg
, egg-crack
, equalizer
, exam
, eyedropper-sample
, eyeglasses
, file-audio
, file-cloud
, file-code
, file-css
, file-csv
, file-doc
, file-html
, file-image
, file-jpg
, file-js
, file-jsx
, file-lock
, file-png
, file-ppt
, file-rs
, file-ts
, file-tsx
, file-video
, file-vue
, file-xls
, file-zip
, film-script
, film-slate
, flag-checkered
, flying-saucer
, folder-dotted
, folder-lock
, folder-star
, folder-user
, folder-simple-dotted
, folder-simple-lock
, folder-simple-star
, folder-simple-user
, function
, google-chrome-logo
, google-photos-logo
, google-podcasts-logo
, gradient
, graph
, hamburger
, hand-eye
, heart-break
, heart-straight-break
, kanban
, keyhole
, ladder
, ladder-simple
, linux-logo
, list-checks
, mask-happy
, mask-sad
, microphone-stage
, microsoft-excel-logo
, microsoft-powerpoint-logo
, microsoft-teams-logo
, microsoft-word-logo
, mountains
, music-notes-plus
, needle
, option
, parachute
, password
, pencil-simple-line
, perspective
, piano-keys
, pinwheel
, plug
, plugs
, plugs-connected
, police-car
, popcorn
, radio-button
, rug
, scan
, scroll
, shield-star
, sidebar
, sidebar-simple
, signpost
, skull
, spiral
, square-half-bottom
, stack-overflow-logo
, stamp
, strategy
, sunglasses
, syringe
, tabs
, taxi
, text-indent
, text-outdent
, textbox
, toilet
, trademark-registered
, traffic-cone
, traffic-signal
, user-switch
, vault
, vignette
, wave-sawtooth
, wave-sine
, wave-square
, wave-triangle
, webcam
, yin-yang
Regressions
Due to limitations with our tools, our icon font no longer supports ligatures, for the time being. Use the unicode codepoints, or class names provided on our site if in a web context. We're looking for a solution to this, and hope to have one soon.
Revisions
Notable changes:
- Redrew
film-strip
to be more readable
- Added one more line to
pencil
andpencil-line
to push some contrast with thepencil-simple
set; usepencil-simple
for a more minimal approach
- Adjusted dotted line to solid line for
star-half-fill
andstar-half-duotone
- Hatching approach reworked across
drop-half
,circle-half
,circle-half-tilt
, andsquare-half
Micro enhancements:
- Adjusted
file-pdf
slightly as we expand thefile
set - Softened sharp outer edges in handful of icons:
armchair-fill
,dribbble-logo-fill
,facebook-logo-fill
,pinterest-logo-fill
,briefcase-metal-fill
,download-fill
,upload-fill
,airplay-fill
,wall-fill
,ruler-fill
,baby-fill
,cat-fill
,gauge-fill
,cloud-fog-fill
,cloud-check-fill
,cloud-arrow-up-fill
,cloud-arrow-down-fill
,cloud-lightning-fill
,cloud-rain-fill
,cloud-snow-fill
,cloud-fill
,paper-plane-fill
,paper-plane-right-fill
,paper-plane-tilt-fill
,jeep-fill
,at-fill
,wifi-x-fill
,cell-signal-x-fill
,floppy-disk-back-fill
,heartbeat-fill
,baseball-fill
,tennis-ball-fill
,basketball-fill
Visual bugs:
- Fixed
hands-clapping-fill
andhands-clapping-duotone
to be the right weight - Fixed a corner radius mistake in one corner of
pencil-simple
Refactoring:
- Anchor points cleaned up in many icons
- Duplicate elements removed from
truck
,key
,hand
,hand-palm
, andhand-grabbing
sets - Joined lines in
hand-pointing
set
Related projects
Check out our plugins for popular design tools:
- phosphor-figma ▲ Phosphor plugin for Figma
- phosphor-sketch ▲ Phosphor plugin for Sketch
For developers, please check out our framework-specific packages:
- phosphor-react ▲ Phosphor icon component library for React
- phosphor-vue ▲ Phosphor icon component library for Vue
- phosphor-icons ▲ Phosphor icons for Vanilla JS
- phosphor-flutter ▲ Phosphor IconData library for Flutter
- phosphor-webcomponents ▲ Phosphor icons as Web Components [WIP]