# tv-icon

> icons used in nuxt-tailvue

Latest version **1.0.24** (published 2021-06-12) · MIT license · 0 weekly downloads

## Install

```sh
npm install tv-icon
pnpm add tv-icon
yarn add tv-icon
bun add tv-icon
```

## Health

**Score 25/100 (F)** — status: abandoned.

Positive: has types; no vulnerabilities; high quality score.

Warnings: low downloads; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.24 |
| Published | 2021-06-12 |
| First published | 2020-09-07 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 527.7 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 6 |
| Author | kevin olson |
| Maintainers | acidjazz |
| Keywords | vue, vuejs, tailwindcss, icon |

## Links

- npm: https://www.npmjs.com/package/tv-icon
- Repository: https://github.com/acidjazz/tv-icon
- Homepage: https://github.com/acidjazz/tv-icon#readme
- Issues: https://github.com/acidjazz/tv-icon/issues
- npm.io page: https://npm.io/package/tv-icon

## Alternatives

- [@fortawesome/react-fontawesome](https://npm.io/package/@fortawesome/react-fontawesome.md) — 2.2M weekly downloads
- [roboto-fontface](https://npm.io/package/roboto-fontface.md) — 196.0K weekly downloads
- [@react-native-vector-icons/common](https://npm.io/package/@react-native-vector-icons/common.md) — 150.4K weekly downloads
- [@procore/core-icons](https://npm.io/package/@procore/core-icons.md) — 4.6K weekly downloads
- [@react-md/material-icons](https://npm.io/package/@react-md/material-icons.md) — 1.6K weekly downloads

## Recent versions

- 1.0.24 (latest) — 2021-06-12
- 1.0.23 — 2021-06-12
- 1.0.22 — 2021-04-20
- 1.0.21 — 2021-03-23
- 1.0.20 — 2021-03-23
- 1.0.19 — 2021-02-07
- 1.0.18 — 2021-01-31
- 1.0.17 — 2021-01-23
- 1.0.16 — 2020-12-22
- 1.0.15 — 2020-12-11
- 1.0.14 — 2020-12-11
- 1.0.13 — 2020-11-05
- 1.0.12 — 2020-10-25
- 1.0.11 — 2020-10-25
- 1.0.10 — 2020-10-16
- … 9 more at https://npm.io/package/tv-icon/versions

## README

<p align="center">
  <img src="media/icons.gif" width="600" />
</p>

[![](https://img.shields.io/npm/v/tv-icon.svg?logo=npm&style=flat-square)](https://www.npmjs.com/package/tv-icon)
[![](https://img.shields.io/badge/nuxt.js-module-04C690.svg?style=flat-square)](https://nuxtjs.org)
![Test Javascript](https://github.com/acidjazz/tv-icon/workflows/Test%20Javascript/badge.svg)
[![](https://img.shields.io/npm/dt/tv-icon.svg?style=flat-square)](https://www.npmjs.com/package/tv-icon)
[![](https://img.shields.io/github/license/acidjazz/tv-icon?style=flat-square)](https://www.npmjs.com/package-tv-icon)
<!-- [![](https://img.shields.io/badge/chat-on%20discord-7289DA.svg?logo=discord&style=flat-square)](https://discord.gg/enn4S6) -->

> These are the icons used by [tv-toast](https://github.com/acidjazz/tv-toast) and [tv-button](https://github.com/acidjazz/tv-button)

## Custom colors 

```html
<div class="bg-white p-2 rounded border mr-10">
    <IconCheck primary="text-green-300" secondary="text-green-400" class="w-5 h-5" />
</div>
```
![](media/check-green.png?raw=true)


```html
<div class="bg-white p-2 rounded border mr-10">
    <IconBang primary="text-red-300" secondary="text-red-400" class="w-5 h-5" />
</div>
```
![](media/bang-red.png?raw=true)

---
_Source: https://npm.io/package/tv-icon · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._