# Svg

- [Fill](#fill)
- [Stroke](#stroke)
- [Stroke Width](#stroke-width)

-----


## Fill

Utilities for styling the fill of SVG elements.

### Group

| TailwindJS token |
| ----- |
| `fill_utilities` |


### Utilities

| TailwindJS token | TailwindCSS token |
| ----- | ----- |
| `fill_amber_100` | [fill-amber-100](#fill) |
| `fill_amber_200` | [fill-amber-200](#fill) |
| `fill_amber_300` | [fill-amber-300](#fill) |
| `fill_amber_400` | [fill-amber-400](#fill) |
| `fill_amber_50` | [fill-amber-50](#fill) |
| `fill_amber_500` | [fill-amber-500](#fill) |
| `fill_amber_600` | [fill-amber-600](#fill) |
| `fill_amber_700` | [fill-amber-700](#fill) |
| `fill_amber_800` | [fill-amber-800](#fill) |
| `fill_amber_900` | [fill-amber-900](#fill) |
| `fill_amber_950` | [fill-amber-950](#fill) |
| `fill_black` | [fill-black](#fill) |
| `fill_blue_100` | [fill-blue-100](#fill) |
| `fill_blue_200` | [fill-blue-200](#fill) |
| `fill_blue_300` | [fill-blue-300](#fill) |
| `fill_blue_400` | [fill-blue-400](#fill) |
| `fill_blue_50` | [fill-blue-50](#fill) |
| `fill_blue_500` | [fill-blue-500](#fill) |
| `fill_blue_600` | [fill-blue-600](#fill) |
| `fill_blue_700` | [fill-blue-700](#fill) |
| `fill_blue_800` | [fill-blue-800](#fill) |
| `fill_blue_900` | [fill-blue-900](#fill) |
| `fill_blue_950` | [fill-blue-950](#fill) |
| `fill_current` | [fill-current](#fill) |
| `fill_cyan_100` | [fill-cyan-100](#fill) |
| `fill_cyan_200` | [fill-cyan-200](#fill) |
| `fill_cyan_300` | [fill-cyan-300](#fill) |
| `fill_cyan_400` | [fill-cyan-400](#fill) |
| `fill_cyan_50` | [fill-cyan-50](#fill) |
| `fill_cyan_500` | [fill-cyan-500](#fill) |
| `fill_cyan_600` | [fill-cyan-600](#fill) |
| `fill_cyan_700` | [fill-cyan-700](#fill) |
| `fill_cyan_800` | [fill-cyan-800](#fill) |
| `fill_cyan_900` | [fill-cyan-900](#fill) |
| `fill_cyan_950` | [fill-cyan-950](#fill) |
| `fill_emerald_100` | [fill-emerald-100](#fill) |
| `fill_emerald_200` | [fill-emerald-200](#fill) |
| `fill_emerald_300` | [fill-emerald-300](#fill) |
| `fill_emerald_400` | [fill-emerald-400](#fill) |
| `fill_emerald_50` | [fill-emerald-50](#fill) |
| `fill_emerald_500` | [fill-emerald-500](#fill) |
| `fill_emerald_600` | [fill-emerald-600](#fill) |
| `fill_emerald_700` | [fill-emerald-700](#fill) |
| `fill_emerald_800` | [fill-emerald-800](#fill) |
| `fill_emerald_900` | [fill-emerald-900](#fill) |
| `fill_emerald_950` | [fill-emerald-950](#fill) |
| `fill_fuchsia_100` | [fill-fuchsia-100](#fill) |
| `fill_fuchsia_200` | [fill-fuchsia-200](#fill) |
| `fill_fuchsia_300` | [fill-fuchsia-300](#fill) |
| `fill_fuchsia_400` | [fill-fuchsia-400](#fill) |
| `fill_fuchsia_50` | [fill-fuchsia-50](#fill) |
| `fill_fuchsia_500` | [fill-fuchsia-500](#fill) |
| `fill_fuchsia_600` | [fill-fuchsia-600](#fill) |
| `fill_fuchsia_700` | [fill-fuchsia-700](#fill) |
| `fill_fuchsia_800` | [fill-fuchsia-800](#fill) |
| `fill_fuchsia_900` | [fill-fuchsia-900](#fill) |
| `fill_fuchsia_950` | [fill-fuchsia-950](#fill) |
| `fill_gray_100` | [fill-gray-100](#fill) |
| `fill_gray_200` | [fill-gray-200](#fill) |
| `fill_gray_300` | [fill-gray-300](#fill) |
| `fill_gray_400` | [fill-gray-400](#fill) |
| `fill_gray_50` | [fill-gray-50](#fill) |
| `fill_gray_500` | [fill-gray-500](#fill) |
| `fill_gray_600` | [fill-gray-600](#fill) |
| `fill_gray_700` | [fill-gray-700](#fill) |
| `fill_gray_800` | [fill-gray-800](#fill) |
| `fill_gray_900` | [fill-gray-900](#fill) |
| `fill_gray_950` | [fill-gray-950](#fill) |
| `fill_green_100` | [fill-green-100](#fill) |
| `fill_green_200` | [fill-green-200](#fill) |
| `fill_green_300` | [fill-green-300](#fill) |
| `fill_green_400` | [fill-green-400](#fill) |
| `fill_green_50` | [fill-green-50](#fill) |
| `fill_green_500` | [fill-green-500](#fill) |
| `fill_green_600` | [fill-green-600](#fill) |
| `fill_green_700` | [fill-green-700](#fill) |
| `fill_green_800` | [fill-green-800](#fill) |
| `fill_green_900` | [fill-green-900](#fill) |
| `fill_green_950` | [fill-green-950](#fill) |
| `fill_indigo_100` | [fill-indigo-100](#fill) |
| `fill_indigo_200` | [fill-indigo-200](#fill) |
| `fill_indigo_300` | [fill-indigo-300](#fill) |
| `fill_indigo_400` | [fill-indigo-400](#fill) |
| `fill_indigo_50` | [fill-indigo-50](#fill) |
| `fill_indigo_500` | [fill-indigo-500](#fill) |
| `fill_indigo_600` | [fill-indigo-600](#fill) |
| `fill_indigo_700` | [fill-indigo-700](#fill) |
| `fill_indigo_800` | [fill-indigo-800](#fill) |
| `fill_indigo_900` | [fill-indigo-900](#fill) |
| `fill_indigo_950` | [fill-indigo-950](#fill) |
| `fill_inherit` | [fill-inherit](#fill) |
| `fill_lime_100` | [fill-lime-100](#fill) |
| `fill_lime_200` | [fill-lime-200](#fill) |
| `fill_lime_300` | [fill-lime-300](#fill) |
| `fill_lime_400` | [fill-lime-400](#fill) |
| `fill_lime_50` | [fill-lime-50](#fill) |
| `fill_lime_500` | [fill-lime-500](#fill) |
| `fill_lime_600` | [fill-lime-600](#fill) |
| `fill_lime_700` | [fill-lime-700](#fill) |
| `fill_lime_800` | [fill-lime-800](#fill) |
| `fill_lime_900` | [fill-lime-900](#fill) |
| `fill_lime_950` | [fill-lime-950](#fill) |
| `fill_neutral_100` | [fill-neutral-100](#fill) |
| `fill_neutral_200` | [fill-neutral-200](#fill) |
| `fill_neutral_300` | [fill-neutral-300](#fill) |
| `fill_neutral_400` | [fill-neutral-400](#fill) |
| `fill_neutral_50` | [fill-neutral-50](#fill) |
| `fill_neutral_500` | [fill-neutral-500](#fill) |
| `fill_neutral_600` | [fill-neutral-600](#fill) |
| `fill_neutral_700` | [fill-neutral-700](#fill) |
| `fill_neutral_800` | [fill-neutral-800](#fill) |
| `fill_neutral_900` | [fill-neutral-900](#fill) |
| `fill_neutral_950` | [fill-neutral-950](#fill) |
| `fill_none` | [fill-none](#fill) |
| `fill_orange_100` | [fill-orange-100](#fill) |
| `fill_orange_200` | [fill-orange-200](#fill) |
| `fill_orange_300` | [fill-orange-300](#fill) |
| `fill_orange_400` | [fill-orange-400](#fill) |
| `fill_orange_50` | [fill-orange-50](#fill) |
| `fill_orange_500` | [fill-orange-500](#fill) |
| `fill_orange_600` | [fill-orange-600](#fill) |
| `fill_orange_700` | [fill-orange-700](#fill) |
| `fill_orange_800` | [fill-orange-800](#fill) |
| `fill_orange_900` | [fill-orange-900](#fill) |
| `fill_orange_950` | [fill-orange-950](#fill) |
| `fill_pink_100` | [fill-pink-100](#fill) |
| `fill_pink_200` | [fill-pink-200](#fill) |
| `fill_pink_300` | [fill-pink-300](#fill) |
| `fill_pink_400` | [fill-pink-400](#fill) |
| `fill_pink_50` | [fill-pink-50](#fill) |
| `fill_pink_500` | [fill-pink-500](#fill) |
| `fill_pink_600` | [fill-pink-600](#fill) |
| `fill_pink_700` | [fill-pink-700](#fill) |
| `fill_pink_800` | [fill-pink-800](#fill) |
| `fill_pink_900` | [fill-pink-900](#fill) |
| `fill_pink_950` | [fill-pink-950](#fill) |
| `fill_purple_100` | [fill-purple-100](#fill) |
| `fill_purple_200` | [fill-purple-200](#fill) |
| `fill_purple_300` | [fill-purple-300](#fill) |
| `fill_purple_400` | [fill-purple-400](#fill) |
| `fill_purple_50` | [fill-purple-50](#fill) |
| `fill_purple_500` | [fill-purple-500](#fill) |
| `fill_purple_600` | [fill-purple-600](#fill) |
| `fill_purple_700` | [fill-purple-700](#fill) |
| `fill_purple_800` | [fill-purple-800](#fill) |
| `fill_purple_900` | [fill-purple-900](#fill) |
| `fill_purple_950` | [fill-purple-950](#fill) |
| `fill_red_100` | [fill-red-100](#fill) |
| `fill_red_200` | [fill-red-200](#fill) |
| `fill_red_300` | [fill-red-300](#fill) |
| `fill_red_400` | [fill-red-400](#fill) |
| `fill_red_50` | [fill-red-50](#fill) |
| `fill_red_500` | [fill-red-500](#fill) |
| `fill_red_600` | [fill-red-600](#fill) |
| `fill_red_700` | [fill-red-700](#fill) |
| `fill_red_800` | [fill-red-800](#fill) |
| `fill_red_900` | [fill-red-900](#fill) |
| `fill_red_950` | [fill-red-950](#fill) |
| `fill_rose_100` | [fill-rose-100](#fill) |
| `fill_rose_200` | [fill-rose-200](#fill) |
| `fill_rose_300` | [fill-rose-300](#fill) |
| `fill_rose_400` | [fill-rose-400](#fill) |
| `fill_rose_50` | [fill-rose-50](#fill) |
| `fill_rose_500` | [fill-rose-500](#fill) |
| `fill_rose_600` | [fill-rose-600](#fill) |
| `fill_rose_700` | [fill-rose-700](#fill) |
| `fill_rose_800` | [fill-rose-800](#fill) |
| `fill_rose_900` | [fill-rose-900](#fill) |
| `fill_rose_950` | [fill-rose-950](#fill) |
| `fill_sky_100` | [fill-sky-100](#fill) |
| `fill_sky_200` | [fill-sky-200](#fill) |
| `fill_sky_300` | [fill-sky-300](#fill) |
| `fill_sky_400` | [fill-sky-400](#fill) |
| `fill_sky_50` | [fill-sky-50](#fill) |
| `fill_sky_500` | [fill-sky-500](#fill) |
| `fill_sky_600` | [fill-sky-600](#fill) |
| `fill_sky_700` | [fill-sky-700](#fill) |
| `fill_sky_800` | [fill-sky-800](#fill) |
| `fill_sky_900` | [fill-sky-900](#fill) |
| `fill_sky_950` | [fill-sky-950](#fill) |
| `fill_slate_100` | [fill-slate-100](#fill) |
| `fill_slate_200` | [fill-slate-200](#fill) |
| `fill_slate_300` | [fill-slate-300](#fill) |
| `fill_slate_400` | [fill-slate-400](#fill) |
| `fill_slate_50` | [fill-slate-50](#fill) |
| `fill_slate_500` | [fill-slate-500](#fill) |
| `fill_slate_600` | [fill-slate-600](#fill) |
| `fill_slate_700` | [fill-slate-700](#fill) |
| `fill_slate_800` | [fill-slate-800](#fill) |
| `fill_slate_900` | [fill-slate-900](#fill) |
| `fill_slate_950` | [fill-slate-950](#fill) |
| `fill_stone_100` | [fill-stone-100](#fill) |
| `fill_stone_200` | [fill-stone-200](#fill) |
| `fill_stone_300` | [fill-stone-300](#fill) |
| `fill_stone_400` | [fill-stone-400](#fill) |
| `fill_stone_50` | [fill-stone-50](#fill) |
| `fill_stone_500` | [fill-stone-500](#fill) |
| `fill_stone_600` | [fill-stone-600](#fill) |
| `fill_stone_700` | [fill-stone-700](#fill) |
| `fill_stone_800` | [fill-stone-800](#fill) |
| `fill_stone_900` | [fill-stone-900](#fill) |
| `fill_stone_950` | [fill-stone-950](#fill) |
| `fill_teal_100` | [fill-teal-100](#fill) |
| `fill_teal_200` | [fill-teal-200](#fill) |
| `fill_teal_300` | [fill-teal-300](#fill) |
| `fill_teal_400` | [fill-teal-400](#fill) |
| `fill_teal_50` | [fill-teal-50](#fill) |
| `fill_teal_500` | [fill-teal-500](#fill) |
| `fill_teal_600` | [fill-teal-600](#fill) |
| `fill_teal_700` | [fill-teal-700](#fill) |
| `fill_teal_800` | [fill-teal-800](#fill) |
| `fill_teal_900` | [fill-teal-900](#fill) |
| `fill_teal_950` | [fill-teal-950](#fill) |
| `fill_transparent` | [fill-transparent](#fill) |
| `fill_violet_100` | [fill-violet-100](#fill) |
| `fill_violet_200` | [fill-violet-200](#fill) |
| `fill_violet_300` | [fill-violet-300](#fill) |
| `fill_violet_400` | [fill-violet-400](#fill) |
| `fill_violet_50` | [fill-violet-50](#fill) |
| `fill_violet_500` | [fill-violet-500](#fill) |
| `fill_violet_600` | [fill-violet-600](#fill) |
| `fill_violet_700` | [fill-violet-700](#fill) |
| `fill_violet_800` | [fill-violet-800](#fill) |
| `fill_violet_900` | [fill-violet-900](#fill) |
| `fill_violet_950` | [fill-violet-950](#fill) |
| `fill_white` | [fill-white](#fill) |
| `fill_yellow_100` | [fill-yellow-100](#fill) |
| `fill_yellow_200` | [fill-yellow-200](#fill) |
| `fill_yellow_300` | [fill-yellow-300](#fill) |
| `fill_yellow_400` | [fill-yellow-400](#fill) |
| `fill_yellow_50` | [fill-yellow-50](#fill) |
| `fill_yellow_500` | [fill-yellow-500](#fill) |
| `fill_yellow_600` | [fill-yellow-600](#fill) |
| `fill_yellow_700` | [fill-yellow-700](#fill) |
| `fill_yellow_800` | [fill-yellow-800](#fill) |
| `fill_yellow_900` | [fill-yellow-900](#fill) |
| `fill_yellow_950` | [fill-yellow-950](#fill) |
| `fill_zinc_100` | [fill-zinc-100](#fill) |
| `fill_zinc_200` | [fill-zinc-200](#fill) |
| `fill_zinc_300` | [fill-zinc-300](#fill) |
| `fill_zinc_400` | [fill-zinc-400](#fill) |
| `fill_zinc_50` | [fill-zinc-50](#fill) |
| `fill_zinc_500` | [fill-zinc-500](#fill) |
| `fill_zinc_600` | [fill-zinc-600](#fill) |
| `fill_zinc_700` | [fill-zinc-700](#fill) |
| `fill_zinc_800` | [fill-zinc-800](#fill) |
| `fill_zinc_900` | [fill-zinc-900](#fill) |
| `fill_zinc_950` | [fill-zinc-950](#fill) |



### Arbitraries

| TailwindJS token | TailwindCSS token |
| ----- | ----- |
| `fill_arbitrary`, `fill_arb` | [fill-[…]](#https://tailwindcss.com/docs/fill#arbitrary-values) |
| `fill_amber_arbitrary`, `fill_amber_arb` | [fill-amber-[…]](#https://tailwindcss.com/docs/fill#arbitrary-values) |
| `fill_blue_arbitrary`, `fill_blue_arb` | [fill-blue-[…]](#https://tailwindcss.com/docs/fill#arbitrary-values) |
| `fill_cyan_arbitrary`, `fill_cyan_arb` | [fill-cyan-[…]](#https://tailwindcss.com/docs/fill#arbitrary-values) |
| `fill_emerald_arbitrary`, `fill_emerald_arb` | [fill-emerald-[…]](#https://tailwindcss.com/docs/fill#arbitrary-values) |
| `fill_fuchsia_arbitrary`, `fill_fuchsia_arb` | [fill-fuchsia-[…]](#https://tailwindcss.com/docs/fill#arbitrary-values) |
| `fill_gray_arbitrary`, `fill_gray_arb` | [fill-gray-[…]](#https://tailwindcss.com/docs/fill#arbitrary-values) |
| `fill_green_arbitrary`, `fill_green_arb` | [fill-green-[…]](#https://tailwindcss.com/docs/fill#arbitrary-values) |
| `fill_indigo_arbitrary`, `fill_indigo_arb` | [fill-indigo-[…]](#https://tailwindcss.com/docs/fill#arbitrary-values) |
| `fill_lime_arbitrary`, `fill_lime_arb` | [fill-lime-[…]](#https://tailwindcss.com/docs/fill#arbitrary-values) |
| `fill_neutral_arbitrary`, `fill_neutral_arb` | [fill-neutral-[…]](#https://tailwindcss.com/docs/fill#arbitrary-values) |
| `fill_orange_arbitrary`, `fill_orange_arb` | [fill-orange-[…]](#https://tailwindcss.com/docs/fill#arbitrary-values) |
| `fill_pink_arbitrary`, `fill_pink_arb` | [fill-pink-[…]](#https://tailwindcss.com/docs/fill#arbitrary-values) |
| `fill_purple_arbitrary`, `fill_purple_arb` | [fill-purple-[…]](#https://tailwindcss.com/docs/fill#arbitrary-values) |
| `fill_red_arbitrary`, `fill_red_arb` | [fill-red-[…]](#https://tailwindcss.com/docs/fill#arbitrary-values) |
| `fill_rose_arbitrary`, `fill_rose_arb` | [fill-rose-[…]](#https://tailwindcss.com/docs/fill#arbitrary-values) |
| `fill_sky_arbitrary`, `fill_sky_arb` | [fill-sky-[…]](#https://tailwindcss.com/docs/fill#arbitrary-values) |
| `fill_slate_arbitrary`, `fill_slate_arb` | [fill-slate-[…]](#https://tailwindcss.com/docs/fill#arbitrary-values) |
| `fill_stone_arbitrary`, `fill_stone_arb` | [fill-stone-[…]](#https://tailwindcss.com/docs/fill#arbitrary-values) |
| `fill_teal_arbitrary`, `fill_teal_arb` | [fill-teal-[…]](#https://tailwindcss.com/docs/fill#arbitrary-values) |
| `fill_violet_arbitrary`, `fill_violet_arb` | [fill-violet-[…]](#https://tailwindcss.com/docs/fill#arbitrary-values) |
| `fill_yellow_arbitrary`, `fill_yellow_arb` | [fill-yellow-[…]](#https://tailwindcss.com/docs/fill#arbitrary-values) |
| `fill_zinc_arbitrary`, `fill_zinc_arb` | [fill-zinc-[…]](#https://tailwindcss.com/docs/fill#arbitrary-values) |



## Stroke

Utilities for styling the stroke of SVG elements.

### Group

| TailwindJS token |
| ----- |
| `stroke_utilities` |


### Utilities

| TailwindJS token | TailwindCSS token |
| ----- | ----- |
| `stroke_amber_100` | [stroke-amber-100](#stroke) |
| `stroke_amber_200` | [stroke-amber-200](#stroke) |
| `stroke_amber_300` | [stroke-amber-300](#stroke) |
| `stroke_amber_400` | [stroke-amber-400](#stroke) |
| `stroke_amber_50` | [stroke-amber-50](#stroke) |
| `stroke_amber_500` | [stroke-amber-500](#stroke) |
| `stroke_amber_600` | [stroke-amber-600](#stroke) |
| `stroke_amber_700` | [stroke-amber-700](#stroke) |
| `stroke_amber_800` | [stroke-amber-800](#stroke) |
| `stroke_amber_900` | [stroke-amber-900](#stroke) |
| `stroke_amber_950` | [stroke-amber-950](#stroke) |
| `stroke_black` | [stroke-black](#stroke) |
| `stroke_blue_100` | [stroke-blue-100](#stroke) |
| `stroke_blue_200` | [stroke-blue-200](#stroke) |
| `stroke_blue_300` | [stroke-blue-300](#stroke) |
| `stroke_blue_400` | [stroke-blue-400](#stroke) |
| `stroke_blue_50` | [stroke-blue-50](#stroke) |
| `stroke_blue_500` | [stroke-blue-500](#stroke) |
| `stroke_blue_600` | [stroke-blue-600](#stroke) |
| `stroke_blue_700` | [stroke-blue-700](#stroke) |
| `stroke_blue_800` | [stroke-blue-800](#stroke) |
| `stroke_blue_900` | [stroke-blue-900](#stroke) |
| `stroke_blue_950` | [stroke-blue-950](#stroke) |
| `stroke_current` | [stroke-current](#stroke) |
| `stroke_cyan_100` | [stroke-cyan-100](#stroke) |
| `stroke_cyan_200` | [stroke-cyan-200](#stroke) |
| `stroke_cyan_300` | [stroke-cyan-300](#stroke) |
| `stroke_cyan_400` | [stroke-cyan-400](#stroke) |
| `stroke_cyan_50` | [stroke-cyan-50](#stroke) |
| `stroke_cyan_500` | [stroke-cyan-500](#stroke) |
| `stroke_cyan_600` | [stroke-cyan-600](#stroke) |
| `stroke_cyan_700` | [stroke-cyan-700](#stroke) |
| `stroke_cyan_800` | [stroke-cyan-800](#stroke) |
| `stroke_cyan_900` | [stroke-cyan-900](#stroke) |
| `stroke_cyan_950` | [stroke-cyan-950](#stroke) |
| `stroke_emerald_100` | [stroke-emerald-100](#stroke) |
| `stroke_emerald_200` | [stroke-emerald-200](#stroke) |
| `stroke_emerald_300` | [stroke-emerald-300](#stroke) |
| `stroke_emerald_400` | [stroke-emerald-400](#stroke) |
| `stroke_emerald_50` | [stroke-emerald-50](#stroke) |
| `stroke_emerald_500` | [stroke-emerald-500](#stroke) |
| `stroke_emerald_600` | [stroke-emerald-600](#stroke) |
| `stroke_emerald_700` | [stroke-emerald-700](#stroke) |
| `stroke_emerald_800` | [stroke-emerald-800](#stroke) |
| `stroke_emerald_900` | [stroke-emerald-900](#stroke) |
| `stroke_emerald_950` | [stroke-emerald-950](#stroke) |
| `stroke_fuchsia_100` | [stroke-fuchsia-100](#stroke) |
| `stroke_fuchsia_200` | [stroke-fuchsia-200](#stroke) |
| `stroke_fuchsia_300` | [stroke-fuchsia-300](#stroke) |
| `stroke_fuchsia_400` | [stroke-fuchsia-400](#stroke) |
| `stroke_fuchsia_50` | [stroke-fuchsia-50](#stroke) |
| `stroke_fuchsia_500` | [stroke-fuchsia-500](#stroke) |
| `stroke_fuchsia_600` | [stroke-fuchsia-600](#stroke) |
| `stroke_fuchsia_700` | [stroke-fuchsia-700](#stroke) |
| `stroke_fuchsia_800` | [stroke-fuchsia-800](#stroke) |
| `stroke_fuchsia_900` | [stroke-fuchsia-900](#stroke) |
| `stroke_fuchsia_950` | [stroke-fuchsia-950](#stroke) |
| `stroke_gray_100` | [stroke-gray-100](#stroke) |
| `stroke_gray_200` | [stroke-gray-200](#stroke) |
| `stroke_gray_300` | [stroke-gray-300](#stroke) |
| `stroke_gray_400` | [stroke-gray-400](#stroke) |
| `stroke_gray_50` | [stroke-gray-50](#stroke) |
| `stroke_gray_500` | [stroke-gray-500](#stroke) |
| `stroke_gray_600` | [stroke-gray-600](#stroke) |
| `stroke_gray_700` | [stroke-gray-700](#stroke) |
| `stroke_gray_800` | [stroke-gray-800](#stroke) |
| `stroke_gray_900` | [stroke-gray-900](#stroke) |
| `stroke_gray_950` | [stroke-gray-950](#stroke) |
| `stroke_green_100` | [stroke-green-100](#stroke) |
| `stroke_green_200` | [stroke-green-200](#stroke) |
| `stroke_green_300` | [stroke-green-300](#stroke) |
| `stroke_green_400` | [stroke-green-400](#stroke) |
| `stroke_green_50` | [stroke-green-50](#stroke) |
| `stroke_green_500` | [stroke-green-500](#stroke) |
| `stroke_green_600` | [stroke-green-600](#stroke) |
| `stroke_green_700` | [stroke-green-700](#stroke) |
| `stroke_green_800` | [stroke-green-800](#stroke) |
| `stroke_green_900` | [stroke-green-900](#stroke) |
| `stroke_green_950` | [stroke-green-950](#stroke) |
| `stroke_indigo_100` | [stroke-indigo-100](#stroke) |
| `stroke_indigo_200` | [stroke-indigo-200](#stroke) |
| `stroke_indigo_300` | [stroke-indigo-300](#stroke) |
| `stroke_indigo_400` | [stroke-indigo-400](#stroke) |
| `stroke_indigo_50` | [stroke-indigo-50](#stroke) |
| `stroke_indigo_500` | [stroke-indigo-500](#stroke) |
| `stroke_indigo_600` | [stroke-indigo-600](#stroke) |
| `stroke_indigo_700` | [stroke-indigo-700](#stroke) |
| `stroke_indigo_800` | [stroke-indigo-800](#stroke) |
| `stroke_indigo_900` | [stroke-indigo-900](#stroke) |
| `stroke_indigo_950` | [stroke-indigo-950](#stroke) |
| `stroke_inherit` | [stroke-inherit](#stroke) |
| `stroke_lime_100` | [stroke-lime-100](#stroke) |
| `stroke_lime_200` | [stroke-lime-200](#stroke) |
| `stroke_lime_300` | [stroke-lime-300](#stroke) |
| `stroke_lime_400` | [stroke-lime-400](#stroke) |
| `stroke_lime_50` | [stroke-lime-50](#stroke) |
| `stroke_lime_500` | [stroke-lime-500](#stroke) |
| `stroke_lime_600` | [stroke-lime-600](#stroke) |
| `stroke_lime_700` | [stroke-lime-700](#stroke) |
| `stroke_lime_800` | [stroke-lime-800](#stroke) |
| `stroke_lime_900` | [stroke-lime-900](#stroke) |
| `stroke_lime_950` | [stroke-lime-950](#stroke) |
| `stroke_neutral_100` | [stroke-neutral-100](#stroke) |
| `stroke_neutral_200` | [stroke-neutral-200](#stroke) |
| `stroke_neutral_300` | [stroke-neutral-300](#stroke) |
| `stroke_neutral_400` | [stroke-neutral-400](#stroke) |
| `stroke_neutral_50` | [stroke-neutral-50](#stroke) |
| `stroke_neutral_500` | [stroke-neutral-500](#stroke) |
| `stroke_neutral_600` | [stroke-neutral-600](#stroke) |
| `stroke_neutral_700` | [stroke-neutral-700](#stroke) |
| `stroke_neutral_800` | [stroke-neutral-800](#stroke) |
| `stroke_neutral_900` | [stroke-neutral-900](#stroke) |
| `stroke_neutral_950` | [stroke-neutral-950](#stroke) |
| `stroke_none` | [stroke-none](#stroke) |
| `stroke_orange_100` | [stroke-orange-100](#stroke) |
| `stroke_orange_200` | [stroke-orange-200](#stroke) |
| `stroke_orange_300` | [stroke-orange-300](#stroke) |
| `stroke_orange_400` | [stroke-orange-400](#stroke) |
| `stroke_orange_50` | [stroke-orange-50](#stroke) |
| `stroke_orange_500` | [stroke-orange-500](#stroke) |
| `stroke_orange_600` | [stroke-orange-600](#stroke) |
| `stroke_orange_700` | [stroke-orange-700](#stroke) |
| `stroke_orange_800` | [stroke-orange-800](#stroke) |
| `stroke_orange_900` | [stroke-orange-900](#stroke) |
| `stroke_orange_950` | [stroke-orange-950](#stroke) |
| `stroke_pink_100` | [stroke-pink-100](#stroke) |
| `stroke_pink_200` | [stroke-pink-200](#stroke) |
| `stroke_pink_300` | [stroke-pink-300](#stroke) |
| `stroke_pink_400` | [stroke-pink-400](#stroke) |
| `stroke_pink_50` | [stroke-pink-50](#stroke) |
| `stroke_pink_500` | [stroke-pink-500](#stroke) |
| `stroke_pink_600` | [stroke-pink-600](#stroke) |
| `stroke_pink_700` | [stroke-pink-700](#stroke) |
| `stroke_pink_800` | [stroke-pink-800](#stroke) |
| `stroke_pink_900` | [stroke-pink-900](#stroke) |
| `stroke_pink_950` | [stroke-pink-950](#stroke) |
| `stroke_purple_100` | [stroke-purple-100](#stroke) |
| `stroke_purple_200` | [stroke-purple-200](#stroke) |
| `stroke_purple_300` | [stroke-purple-300](#stroke) |
| `stroke_purple_400` | [stroke-purple-400](#stroke) |
| `stroke_purple_50` | [stroke-purple-50](#stroke) |
| `stroke_purple_500` | [stroke-purple-500](#stroke) |
| `stroke_purple_600` | [stroke-purple-600](#stroke) |
| `stroke_purple_700` | [stroke-purple-700](#stroke) |
| `stroke_purple_800` | [stroke-purple-800](#stroke) |
| `stroke_purple_900` | [stroke-purple-900](#stroke) |
| `stroke_purple_950` | [stroke-purple-950](#stroke) |
| `stroke_red_100` | [stroke-red-100](#stroke) |
| `stroke_red_200` | [stroke-red-200](#stroke) |
| `stroke_red_300` | [stroke-red-300](#stroke) |
| `stroke_red_400` | [stroke-red-400](#stroke) |
| `stroke_red_50` | [stroke-red-50](#stroke) |
| `stroke_red_500` | [stroke-red-500](#stroke) |
| `stroke_red_600` | [stroke-red-600](#stroke) |
| `stroke_red_700` | [stroke-red-700](#stroke) |
| `stroke_red_800` | [stroke-red-800](#stroke) |
| `stroke_red_900` | [stroke-red-900](#stroke) |
| `stroke_red_950` | [stroke-red-950](#stroke) |
| `stroke_rose_100` | [stroke-rose-100](#stroke) |
| `stroke_rose_200` | [stroke-rose-200](#stroke) |
| `stroke_rose_300` | [stroke-rose-300](#stroke) |
| `stroke_rose_400` | [stroke-rose-400](#stroke) |
| `stroke_rose_50` | [stroke-rose-50](#stroke) |
| `stroke_rose_500` | [stroke-rose-500](#stroke) |
| `stroke_rose_600` | [stroke-rose-600](#stroke) |
| `stroke_rose_700` | [stroke-rose-700](#stroke) |
| `stroke_rose_800` | [stroke-rose-800](#stroke) |
| `stroke_rose_900` | [stroke-rose-900](#stroke) |
| `stroke_rose_950` | [stroke-rose-950](#stroke) |
| `stroke_sky_100` | [stroke-sky-100](#stroke) |
| `stroke_sky_200` | [stroke-sky-200](#stroke) |
| `stroke_sky_300` | [stroke-sky-300](#stroke) |
| `stroke_sky_400` | [stroke-sky-400](#stroke) |
| `stroke_sky_50` | [stroke-sky-50](#stroke) |
| `stroke_sky_500` | [stroke-sky-500](#stroke) |
| `stroke_sky_600` | [stroke-sky-600](#stroke) |
| `stroke_sky_700` | [stroke-sky-700](#stroke) |
| `stroke_sky_800` | [stroke-sky-800](#stroke) |
| `stroke_sky_900` | [stroke-sky-900](#stroke) |
| `stroke_sky_950` | [stroke-sky-950](#stroke) |
| `stroke_slate_100` | [stroke-slate-100](#stroke) |
| `stroke_slate_200` | [stroke-slate-200](#stroke) |
| `stroke_slate_300` | [stroke-slate-300](#stroke) |
| `stroke_slate_400` | [stroke-slate-400](#stroke) |
| `stroke_slate_50` | [stroke-slate-50](#stroke) |
| `stroke_slate_500` | [stroke-slate-500](#stroke) |
| `stroke_slate_600` | [stroke-slate-600](#stroke) |
| `stroke_slate_700` | [stroke-slate-700](#stroke) |
| `stroke_slate_800` | [stroke-slate-800](#stroke) |
| `stroke_slate_900` | [stroke-slate-900](#stroke) |
| `stroke_slate_950` | [stroke-slate-950](#stroke) |
| `stroke_stone_100` | [stroke-stone-100](#stroke) |
| `stroke_stone_200` | [stroke-stone-200](#stroke) |
| `stroke_stone_300` | [stroke-stone-300](#stroke) |
| `stroke_stone_400` | [stroke-stone-400](#stroke) |
| `stroke_stone_50` | [stroke-stone-50](#stroke) |
| `stroke_stone_500` | [stroke-stone-500](#stroke) |
| `stroke_stone_600` | [stroke-stone-600](#stroke) |
| `stroke_stone_700` | [stroke-stone-700](#stroke) |
| `stroke_stone_800` | [stroke-stone-800](#stroke) |
| `stroke_stone_900` | [stroke-stone-900](#stroke) |
| `stroke_stone_950` | [stroke-stone-950](#stroke) |
| `stroke_teal_100` | [stroke-teal-100](#stroke) |
| `stroke_teal_200` | [stroke-teal-200](#stroke) |
| `stroke_teal_300` | [stroke-teal-300](#stroke) |
| `stroke_teal_400` | [stroke-teal-400](#stroke) |
| `stroke_teal_50` | [stroke-teal-50](#stroke) |
| `stroke_teal_500` | [stroke-teal-500](#stroke) |
| `stroke_teal_600` | [stroke-teal-600](#stroke) |
| `stroke_teal_700` | [stroke-teal-700](#stroke) |
| `stroke_teal_800` | [stroke-teal-800](#stroke) |
| `stroke_teal_900` | [stroke-teal-900](#stroke) |
| `stroke_teal_950` | [stroke-teal-950](#stroke) |
| `stroke_transparent` | [stroke-transparent](#stroke) |
| `stroke_violet_100` | [stroke-violet-100](#stroke) |
| `stroke_violet_200` | [stroke-violet-200](#stroke) |
| `stroke_violet_300` | [stroke-violet-300](#stroke) |
| `stroke_violet_400` | [stroke-violet-400](#stroke) |
| `stroke_violet_50` | [stroke-violet-50](#stroke) |
| `stroke_violet_500` | [stroke-violet-500](#stroke) |
| `stroke_violet_600` | [stroke-violet-600](#stroke) |
| `stroke_violet_700` | [stroke-violet-700](#stroke) |
| `stroke_violet_800` | [stroke-violet-800](#stroke) |
| `stroke_violet_900` | [stroke-violet-900](#stroke) |
| `stroke_violet_950` | [stroke-violet-950](#stroke) |
| `stroke_white` | [stroke-white](#stroke) |
| `stroke_yellow_100` | [stroke-yellow-100](#stroke) |
| `stroke_yellow_200` | [stroke-yellow-200](#stroke) |
| `stroke_yellow_300` | [stroke-yellow-300](#stroke) |
| `stroke_yellow_400` | [stroke-yellow-400](#stroke) |
| `stroke_yellow_50` | [stroke-yellow-50](#stroke) |
| `stroke_yellow_500` | [stroke-yellow-500](#stroke) |
| `stroke_yellow_600` | [stroke-yellow-600](#stroke) |
| `stroke_yellow_700` | [stroke-yellow-700](#stroke) |
| `stroke_yellow_800` | [stroke-yellow-800](#stroke) |
| `stroke_yellow_900` | [stroke-yellow-900](#stroke) |
| `stroke_yellow_950` | [stroke-yellow-950](#stroke) |
| `stroke_zinc_100` | [stroke-zinc-100](#stroke) |
| `stroke_zinc_200` | [stroke-zinc-200](#stroke) |
| `stroke_zinc_300` | [stroke-zinc-300](#stroke) |
| `stroke_zinc_400` | [stroke-zinc-400](#stroke) |
| `stroke_zinc_50` | [stroke-zinc-50](#stroke) |
| `stroke_zinc_500` | [stroke-zinc-500](#stroke) |
| `stroke_zinc_600` | [stroke-zinc-600](#stroke) |
| `stroke_zinc_700` | [stroke-zinc-700](#stroke) |
| `stroke_zinc_800` | [stroke-zinc-800](#stroke) |
| `stroke_zinc_900` | [stroke-zinc-900](#stroke) |
| `stroke_zinc_950` | [stroke-zinc-950](#stroke) |



### Arbitraries

| TailwindJS token | TailwindCSS token |
| ----- | ----- |
| `stroke_arbitrary`, `stroke_arb` | [stroke-[…]](#https://tailwindcss.com/docs/stroke#arbitrary-values) |
| `stroke_amber_arbitrary`, `stroke_amber_arb` | [stroke-amber-[…]](#https://tailwindcss.com/docs/stroke#arbitrary-values) |
| `stroke_blue_arbitrary`, `stroke_blue_arb` | [stroke-blue-[…]](#https://tailwindcss.com/docs/stroke#arbitrary-values) |
| `stroke_cyan_arbitrary`, `stroke_cyan_arb` | [stroke-cyan-[…]](#https://tailwindcss.com/docs/stroke#arbitrary-values) |
| `stroke_emerald_arbitrary`, `stroke_emerald_arb` | [stroke-emerald-[…]](#https://tailwindcss.com/docs/stroke#arbitrary-values) |
| `stroke_fuchsia_arbitrary`, `stroke_fuchsia_arb` | [stroke-fuchsia-[…]](#https://tailwindcss.com/docs/stroke#arbitrary-values) |
| `stroke_gray_arbitrary`, `stroke_gray_arb` | [stroke-gray-[…]](#https://tailwindcss.com/docs/stroke#arbitrary-values) |
| `stroke_green_arbitrary`, `stroke_green_arb` | [stroke-green-[…]](#https://tailwindcss.com/docs/stroke#arbitrary-values) |
| `stroke_indigo_arbitrary`, `stroke_indigo_arb` | [stroke-indigo-[…]](#https://tailwindcss.com/docs/stroke#arbitrary-values) |
| `stroke_lime_arbitrary`, `stroke_lime_arb` | [stroke-lime-[…]](#https://tailwindcss.com/docs/stroke#arbitrary-values) |
| `stroke_neutral_arbitrary`, `stroke_neutral_arb` | [stroke-neutral-[…]](#https://tailwindcss.com/docs/stroke#arbitrary-values) |
| `stroke_orange_arbitrary`, `stroke_orange_arb` | [stroke-orange-[…]](#https://tailwindcss.com/docs/stroke#arbitrary-values) |
| `stroke_pink_arbitrary`, `stroke_pink_arb` | [stroke-pink-[…]](#https://tailwindcss.com/docs/stroke#arbitrary-values) |
| `stroke_purple_arbitrary`, `stroke_purple_arb` | [stroke-purple-[…]](#https://tailwindcss.com/docs/stroke#arbitrary-values) |
| `stroke_red_arbitrary`, `stroke_red_arb` | [stroke-red-[…]](#https://tailwindcss.com/docs/stroke#arbitrary-values) |
| `stroke_rose_arbitrary`, `stroke_rose_arb` | [stroke-rose-[…]](#https://tailwindcss.com/docs/stroke#arbitrary-values) |
| `stroke_sky_arbitrary`, `stroke_sky_arb` | [stroke-sky-[…]](#https://tailwindcss.com/docs/stroke#arbitrary-values) |
| `stroke_slate_arbitrary`, `stroke_slate_arb` | [stroke-slate-[…]](#https://tailwindcss.com/docs/stroke#arbitrary-values) |
| `stroke_stone_arbitrary`, `stroke_stone_arb` | [stroke-stone-[…]](#https://tailwindcss.com/docs/stroke#arbitrary-values) |
| `stroke_teal_arbitrary`, `stroke_teal_arb` | [stroke-teal-[…]](#https://tailwindcss.com/docs/stroke#arbitrary-values) |
| `stroke_violet_arbitrary`, `stroke_violet_arb` | [stroke-violet-[…]](#https://tailwindcss.com/docs/stroke#arbitrary-values) |
| `stroke_yellow_arbitrary`, `stroke_yellow_arb` | [stroke-yellow-[…]](#https://tailwindcss.com/docs/stroke#arbitrary-values) |
| `stroke_zinc_arbitrary`, `stroke_zinc_arb` | [stroke-zinc-[…]](#https://tailwindcss.com/docs/stroke#arbitrary-values) |



## Stroke Width

Utilities for styling the stroke width of SVG elements.

### Group

| TailwindJS token |
| ----- |
| `stroke_width_utilities` |


### Utilities

| TailwindJS token | TailwindCSS token |
| ----- | ----- |
| `stroke_0` | [stroke-0](#stroke_width) |
| `stroke_1` | [stroke-1](#stroke_width) |
| `stroke_2` | [stroke-2](#stroke_width) |