Compare commits
12 Commits
kofi
...
tf/unplugi
| Author | SHA1 | Date | |
|---|---|---|---|
|
c3289161b7 | ||
|
|
8b2bb2c0d3 | ||
|
|
aab567b24a | ||
|
|
760afdccf9 | ||
|
|
8b7b6a81a8 | ||
|
|
f55dd1c728 | ||
|
|
eba0540fb8 | ||
|
|
d46bbd545a | ||
|
|
8d840b4859 | ||
|
|
2f55d3268d | ||
|
|
e1af590aaa | ||
|
|
0cdb1211ff |
2
.github/FUNDING.yaml
vendored
2
.github/FUNDING.yaml
vendored
@@ -1,4 +1,6 @@
|
||||
# Thanks for considering supporting this project! 🎉
|
||||
github: [phosphor-icons, rektdeckard]
|
||||
open_collective: phosphoricons
|
||||
ko_fi: phosphoricons
|
||||
patreon: phosphoricons
|
||||
buy_me_a_coffee: phosphoricons
|
||||
|
||||
15
.github/ISSUE_TEMPLATE/community_port.md
vendored
Normal file
15
.github/ISSUE_TEMPLATE/community_port.md
vendored
Normal file
@@ -0,0 +1,15 @@
|
||||
---
|
||||
name: Community port
|
||||
about: Add your Phosphor port to the list of community projects on all Phosphor repositories
|
||||
title: ""
|
||||
labels: documentation
|
||||
assignees: rektdeckard
|
||||
---
|
||||
|
||||
<!-- BEFORE YOU REQUEST -->
|
||||
<!-- 1. Links to free, open source software only please. No paid services or upselling. -->
|
||||
<!-- 2. If you are able to, please make a PR yourself adding your port (in alphabetical order) to the "Community Projects" section in README.md. -->
|
||||
|
||||
**Details**
|
||||
|
||||
<!-- What is the name of your port, and where can the source code or project page be found? -->
|
||||
27
README.md
27
README.md
@@ -21,18 +21,27 @@ Phosphor is available for [web](https://github.com/phosphor-icons/web), [React](
|
||||
|
||||
### Vanilla Web
|
||||
|
||||
- **Simple to use** – We use a similar approach as many other icon sets out there, providing icons as a webfont that uses Unicode's Private Use Area character codes to map normally non-rendering characters to icons. But you don't need to know that. All you need to do is add the script to the document `<head>`, and drop in icons with an `<i/>` tag and the appropriate class:
|
||||
- **Simple to use** – We use a similar approach as many other icon sets out there, providing icons as a webfont that uses Unicode's Private Use Area character codes to map normally non-rendering characters to icons. But you don't need to know that. All you need to do is add the stylesheet for each weight you need to the document `<head>`, and drop in icons with an `<i/>` tag and the appropriate class:
|
||||
|
||||
```html
|
||||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<script src="https://unpkg.com/@phosphor-icons/web@2.1.1"></script>
|
||||
<link
|
||||
rel="stylesheet"
|
||||
type="text/css"
|
||||
href="https://cdn.jsdelivr.net/npm/@phosphor-icons/web@2.1.1/src/regular/style.css"
|
||||
/>
|
||||
<link
|
||||
rel="stylesheet"
|
||||
type="text/css"
|
||||
href="https://cdn.jsdelivr.net/npm/@phosphor-icons/web@2.1.1/src/fill/style.css"
|
||||
/>
|
||||
</head>
|
||||
<body>
|
||||
<i class="ph ph-smiley"></i>
|
||||
<i class="ph-fill ph-heart" style="color: hotpink"></i>
|
||||
<i class="ph-thin ph-cube"></i>
|
||||
<i class="ph ph-cube"></i>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
@@ -107,7 +116,7 @@ ReactDOM.render(<App />, document.getElementById("root"));
|
||||
- [@phosphor-icons/sketch](https://github.com/phosphor-icons/sketch) ▲ Phosphor icons Sketch plugin
|
||||
- [@phosphor-icons/swift](https://github.com/phosphor-icons/swift) ▲ Phosphor icon component library for SwiftUI
|
||||
- [@phosphor-icons/theme](https://github.com/phosphor-icons/theme) ▲ A VS Code (and other IDE) theme with the Phosphor color palette
|
||||
- [@phosphor-icons/unplugin](https://github.com/phosphor-icons/theme) ▲ A multi-framework bundler plugin for generating Phosphor sprite sheets
|
||||
- [@phosphor-icons/unplugin](https://github.com/phosphor-icons/unplugin) ▲ A multi-framework bundler plugin for generating Phosphor sprite sheets
|
||||
- [@phosphor-icons/vue](https://github.com/phosphor-icons/vue) ▲ Phosphor icon component library for Vue
|
||||
- [@phosphor-icons/web](https://github.com/phosphor-icons/web) ▲ Phosphor icons for Vanilla JS
|
||||
- [@phosphor-icons/webcomponents](https://github.com/phosphor-icons/webcomponents) ▲ Phosphor icons as Web Components
|
||||
@@ -115,17 +124,25 @@ ReactDOM.render(<App />, document.getElementById("root"));
|
||||
## Community Projects
|
||||
|
||||
- [adamglin0/compose-phosphor-icons](https://github.com/adamglin0/compose-phosphor-icon) ▲ Phosphor icons for Compose Multiplatform
|
||||
- [altdsoy/phosphor_icons](https://github.com/altdsoy/phosphor_icons) ▲ Phosphor icons for Phoenix and TailwindCSS
|
||||
- [amPerl/egui-phosphor](https://github.com/amperl/egui-phosphor) ▲ Phosphor icons for egui apps (Rust)
|
||||
- [babakfp/phosphor-icons-svelte](https://github.com/babakfp/phosphor-icons-svelte) ▲ Phosphor icons for Svelte apps
|
||||
- [brettkolodny/phosphor-lustre](https://github.com/brettkolodny/phosphor-lustre) ▲ Phosphor icons for Lustre
|
||||
- [cellularmitosis/phosphor-uikit](https://github.com/cellularmitosis/phosphor-uikit) ▲ XCode asset catalog generator for Phosphor icons (Swift/UIKit)
|
||||
- [cjohansen/phosphor-clj](https://github.com/cjohansen/phosphor-clj) ▲ Phosphor icons as Hiccup for Clojure and ClojureScript
|
||||
- [codeat3/blade-phosphor-icons](https://github.com/codeat3/blade-phosphor-icons) ▲ Phosphor icons in your Laravel Blade views
|
||||
- [dreamRs/phosphor-r](https://github.com/dreamRs/phosphoricons) ▲ Phosphor icon wrapper for R documents and applications
|
||||
- [duongdev/phosphor-react-native](https://github.com/duongdev/phosphor-react-native) ▲ Phosphor icon component library for React Native
|
||||
- [haruaki07/phosphor-svelte](https://github.com/haruaki07/phosphor-svelte) ▲ Phosphor icons for Svelte apps
|
||||
- [IgnaceMaes/ember-phosphor-icons](https://github.com/IgnaceMaes/ember-phosphor-icons) ▲ Phosphor icons for Ember apps
|
||||
- [iota-uz/icons](https://github.com/iota-uz/icons) ▲ Phosphor icons as Templ components (Go)
|
||||
- [jajuma/phosphorhyva](https://github.com/JaJuMa-GmbH/phosphor-hyva) ▲ Phosphor icons for Magento 2 & Mage-OS with Hyvä Theme
|
||||
- [Kitten](https://kitten.small-web.org/reference/#icons) ▲ Phosphor icons integrated by default in Kitten
|
||||
- [lucagoslar/phosphor-css](https://github.com/lucagoslar/phosphor-css) ▲ CSS wrapper for Phosphor SVG icons
|
||||
- [maful/ruby-phosphor-icons](https://github.com/maful/ruby-phosphor-icons) ▲ Phosphor icons for Ruby and Rails applications
|
||||
- [meadowsys/phosphor-svgs](https://github.com/meadowsys/phosphor-svgs) ▲ Phosphor icons as Rust string constants
|
||||
- [mwood/tamagui-phosphor-icons](https://github.com/mwood23/tamagui-phosphor-icons) ▲ Phosphor icons for Tamagui
|
||||
- [noozo/phosphoricons_elixir](https://github.com/noozo/phosphoricons_elixir) ▲ Phosphor icons as SVG strings for Elixir/Phoenix
|
||||
- [oyedejioyewole/nuxt-phosphor-icons](https://github.com/oyedejioyewole/nuxt-phosphor-icons) ▲ Phosphor icons integration for Nuxt
|
||||
- [pepaslabs/phosphor-uikit](https://github.com/pepaslabs/phosphor-uikit) ▲ Xcode asset catalog generator for Swift/UIKit
|
||||
- [raycast/phosphor-icons](https://www.raycast.com/marinsokol/phosphor-icons) ▲ Phosphor icons Raycast extension
|
||||
@@ -133,7 +150,7 @@ ReactDOM.render(<App />, document.getElementById("root"));
|
||||
- [robruiz/wordpress-phosphor-icons-block](https://github.com/robruiz/phosphor-icons-block) ▲ Phosphor icon block for use in WordPress v5.8+
|
||||
- [sachaw/solid-phosphor](https://github.com/sachaw/solid-phosphor) ▲ Phosphor icons for SolidJS
|
||||
- [SeanMcP/phosphor-astro](https://github.com/SeanMcP/phosphor-astro) ▲ Phosphor icons as Astro components
|
||||
- [SorenHolstHansen/phosphor-leptos](https://github.com/SorenHolstHansen/phosphor-leptos) ▲ Phosphor icon component library for Leptos apps (rust)
|
||||
- [SorenHolstHansen/phosphor-leptos](https://github.com/SorenHolstHansen/phosphor-leptos) ▲ Phosphor icon component library for Leptos apps (Rust)
|
||||
- [vnphanquang/phosphor-icons-tailwindcss](https://github.com/vnphanquang/phosphor-icons-tailwindcss) ▲ TailwindCSS plugin for Phosphor icons
|
||||
- [wireui/phosphoricons](https://github.com/wireui/phosphoricons) ▲ Phosphor icons for Laravel
|
||||
|
||||
|
||||
@@ -60,6 +60,10 @@ const Header = (_: HeaderProps) => {
|
||||
We are now processing donations via{" "}
|
||||
<a href="https://www.buymeacoffee.com/phosphoricons">
|
||||
Buy Me a Coffee
|
||||
</a>{" "}
|
||||
and{" "}
|
||||
<a href="https://ko-fi.com/phosphoricons">
|
||||
Ko-fi
|
||||
</a>
|
||||
! Your one-time or recurring contribution does a lot to keep us
|
||||
going. Please show us some support if you can!
|
||||
|
||||
Reference in New Issue
Block a user