phosphoricons_elixir

KO | EN

gitlite — search

#python #react #ai #typescript #go #android #rust #deep-learning #docker #java #nodejs #kubernetes #vue #open-source

phosphoricons_elixir

(★ 19)

Include Phosphoricons as SVG-strings in your Elixir/Phoenix project!

phosphoricons_elixir 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Phosphoricons

[Phosphor](https://github.com/phosphor-icons/phosphor-home#phosphor-icons) is a flexible icon family for interfaces, diagrams, presentations, by [Tobias Fried](https://github.com/rektdeckard).

9072 icons and counting
6 weights: Thin, Light, Regular, Bold, Fill, and Duotone
Designed at 16 x 16px to read well small and scale up big
Raw stroke information retained to fine-tune the style
More ways to use at [phosphoricons.com].

Current Phosphoricons Version: **2.1.0**

This library was a modification of the excellent work by [Max Veytsman](https://github.com/mveytsman) for the Heroicons library at [https://github.com/mveytsman/heroicons_elixir]

## Installation

Add Phosphoricons to your `mix.exs`:

```elixir
defp deps do
  [
    {:phosphoricons, "~> 0.3.2"}
  ]
end
```

After that, run `mix deps.get`.

## Usage

The components are in `Phosphoricons.LiveView.Icon`, and `Phosphoricons.Surface.Icon` (check the Phosphoricons to know which weights exist). Each icon is a Phoenix/Surface Component you can use in your HEEx templates.

```eex
<Phosphoricons.LiveView.icon type="fill" name="alarm" />
```

and style it with some classes

```eex
<Phosphoricons.LiveView.icon type="fill" name="alarm" class="h-6 w-6 text-gray-500" />
```

Surface is also supported

```eex
<Phosphoricons.Surface.icon type="fill" name="alarm" class="h-6 w-6 text-gray-500" />
```

There are also function versions of each component:

```eex
<%= Phosphoricons.icon("alarm") %>

<%= Phosphoricons.icon("alarm", class: "h-6 w-6 text-gray-500") %>
```

For a full list of icons see [the docs](https://hexdocs.pm/phosphoricons/api-reference.html) or [https://phosphoricons.com/](https://phosphoricons.com/).

phosphoricons_elixir

phosphoricons_elixir 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

phosphoricons_elixir

phosphoricons_elixir 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README