https://github.com/loreanvictor/graphis

a convenient and stylish icon font
https://github.com/loreanvictor/graphis

css design font frontend icons

Last synced: about 1 month ago
JSON representation

a convenient and stylish icon font

• Host: GitHub
• URL: https://github.com/loreanvictor/graphis
• Owner: loreanvictor
• License: mit
• Created: 2021-07-09T21:25:45.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2023-01-10T09:28:11.000Z (almost 2 years ago)
• Last Synced: 2024-10-04T01:37:14.941Z (about 1 month ago)
• Topics: css, design, font, frontend, icons
• Language: JavaScript
• Homepage: https://graphis.ink
• Size: 36.5 MB
• Stars: 6
• Watchers: 3
• Forks: 0
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE

Awesome Lists containing this project

README

        








  

[![version](https://img.shields.io/npm/v/graphis?style=flat-square)](https://www.npmjs.com/package/graphis)

  



---

**graphis** is a stylish icon font that is super convenient to use. Icons are mapped to emojis and special characters, so

just load the font and copy the icons like any other text.

👉 **STEP 1**: load the icon font:

```html

```

```css

body, * {

  font-family: 'graphis', sans-serif;

}

```

👉 **STEP 2**: use the emojis and special characters to render icons:

```html

👤 Account







🔒 Login

```

[🚀 Check it out!](https://codepen.io/lorean_victor/pen/oNWzOQr)


[Checkout the website](https://graphis.ink) for a complete list of icons you can just copy and use.