GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → zamarrowski → React Ionicons

zamarrowski / React Ionicons

Licence: apache-2.0
A React Ionicon component https://react-ionicons.netlify.app/

Programming Languages

javascript
184084 projects - #8 most used programming language

Labels

reacticons

Projects that are alternatives of or similar to React Ionicons

Rmdi
React Material Design Icons – built with Pixo, Styled Components, and Styled System
Stars: ✭ 132 (-13.73%)
Mutual labels:  icons
Touch Bar Istats
Show CPU/GPU/MEM temperature on Touch Bar with BetterTouchTool!
Stars: ✭ 141 (-7.84%)
Mutual labels:  icons
Simple Line Icons
Simple and Minimal Line Icons
Stars: ✭ 1,815 (+1086.27%)
Mutual labels:  icons
Koukicons flutter
🍪 Colorful Icons for your Flutter App
Stars: ✭ 136 (-11.11%)
Mutual labels:  icons
Circle Flags
A collection of 300+ minimal circular SVG country flags
Stars: ✭ 139 (-9.15%)
Mutual labels:  icons
La Capitaine Icon Theme
La Capitaine is an icon pack designed to integrate with most desktop environments. The set of icons takes inspiration from the latest iterations of macOS and Google's Material Design.
Stars: ✭ 1,858 (+1114.38%)
Mutual labels:  icons
Svg To Ts
Build performant SVG icon libraries by converting raw SVG files to TypeScript that is optimized for modern tree shaking mechanisms.
Stars: ✭ 131 (-14.38%)
Mutual labels:  icons
Chinese Lunar Calendar For Mac
Chinese Lunar Calendar for Mac
Stars: ✭ 150 (-1.96%)
Mutual labels:  icons
Mode Icons
Show icons instead of mode names
Stars: ✭ 140 (-8.5%)
Mutual labels:  icons
Yii2 Fontawesome
Asset Bundle for Yii2 with Font Awesome http://fortawesome.github.io/Font-Awesome/
Stars: ✭ 149 (-2.61%)
Mutual labels:  icons
Fluky
🎲 Loading based on random icons
Stars: ✭ 136 (-11.11%)
Mutual labels:  icons
Glyphs
A dynamic design system for managing large icon sets in Figma and using them on the web
Stars: ✭ 140 (-8.5%)
Mutual labels:  icons
Iterm2 Icons
Replacement icon for iTerm2 or other macOS terminal apps. Designed for Big Sur.
Stars: ✭ 146 (-4.58%)
Mutual labels:  icons
Pretty Checkbox
A pure CSS library to beautify checkbox and radio buttons.
Stars: ✭ 1,708 (+1016.34%)
Mutual labels:  icons
Terminal Icons
Beautiful icons for your favourite terminal apps like Hyper and iTerm2
Stars: ✭ 149 (-2.61%)
Mutual labels:  icons
Bedrock Unicode Characters
Minecraft:Bedrock Edition Unicode characters
Stars: ✭ 130 (-15.03%)
Mutual labels:  icons
Coreui Icons
CoreUI Free Icons - Premium designed free icon set with marks in SVG, Webfont and raster formats
Stars: ✭ 1,813 (+1084.97%)
Mutual labels:  icons
Cryptocurrency Icons
A set of icons for all the main cryptocurrencies and altcoins, in a range of styles and sizes.
Stars: ✭ 2,116 (+1283.01%)
Mutual labels:  icons
Svgtofont
Read a set of SVG icons and ouput a TTF/EOT/WOFF/WOFF2/SVG font.
Stars: ✭ 149 (-2.61%)
Mutual labels:  icons
Iconfontsimagelist
Components to simplify use of "Icon fonts": resize, color, opacity and more... with full support for High-DPI apps. Rendering optimized with GDI+
Stars: ✭ 147 (-3.92%)
Mutual labels:  icons
View All Similar Projects ➔

A React Ionicon Component

Beautiful doc in https://react-ionicons.netlify.app/

Install

$ npm install --save react-ionicons

or

$ yarn add react-ionicons

Usage

import React from 'react'
import { render } from 'react-dom'
import { LogoNodejs } from 'react-ionicons'

<LogoNodejs
  color={'#00000'}
  rotate
  height="250px"
  width="250px"
  onClick={() => alert('Hi!')}
/>

Browserify

browserify is supported, but you have to install [email protected]^0.12.0 manually.

Features

  • SVG Icons.
  • Simple API.
  • Animations.
  • Customizable.
  • Support to Create React App.
  • Typescript support.

API:

Param Type Description Example
height String Icon size. Allow all units (px, em, %, pt...). height="22px"
width String Icon size. Allow all units (px, em, %, pt...). width="22px"
color String Icon color. Allow string (blue, red, cyan...), rgb, rgba and hexadecimal colors. color="#C9C9C9"
title String Tooltip for the icon title="this is a tooltip"
cssClasses String Pass a string with cssClasses cssClasses="myButton"
rotate Boolean Apply rotate animation to icon rotate={true}
shake Boolean Apply shake animation to icon shake={true}
beat Boolean Apply beat animation to icon beat={true}
onClick Function Pass a function to execute onClick onClick={() => console.log('Hi!')}
style Object Pass a style object style={{ verticalAlign: 'middle' }}
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].