diff --git a/README.md b/README.md
index 1341f20..867780d 100644
--- a/README.md
+++ b/README.md
@@ -8,36 +8,35 @@ Heroicons are designed by [Steve Schoger](https://twitter.com/steveschoger)
Add Heroicons to your `mix.exs`:
+```elixir
defp deps do
[
- {:heroicons, "~> 0.2.2"}
+ {:heroicons, "~> 0.3.0"}
]
end
+```
After that, run `mix deps.get`.
## Usage
-The icons are in `Heroicons.Solid` and `Heroicons.Outline`. You can get a heroicon by name
+The components are in `Heroicons.Solid` and `Heroicons.Outline`. Each icon is a Phoenix Component you can use in your HEEx templates.
```eex
-<%= Heroicons.Solid.cake() %>
+
```
and style it with some classes
```eex
+
+```
+
+Note that if you are not using HEEx/LiveView, there are (deprecated) function versions of each component:
+```eex
+<%= Heroicons.Solid.cake() %>
+
<%= Heroicons.Solid.cake(class: "h-6 w-6 text-gray-500") %>
```
-Note these functions return `Phoenix.HTML.Safe` iodata:
-```elixir
-iex(1)> Heroicons.Solid.academic_cap
-{:safe,
- ["