plouc / React Svg Buttons
Licence: mit
React configurable animated svg buttons
Stars: ✭ 209
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to React Svg Buttons
Coreui Icons
CoreUI Free Icons - Premium designed free icon set with marks in SVG, Webfont and raster formats
Stars: ✭ 1,813 (+767.46%)
Mutual labels: svg, icons
File Icon Vectors
A collection of file type icons in SVG format
Stars: ✭ 171 (-18.18%)
Mutual labels: svg, icons
Aegis Icons
Unofficial 2FA entry icons for open source Android authenticator Aegis
Stars: ✭ 153 (-26.79%)
Mutual labels: svg, icons
Glyphs
A dynamic design system for managing large icon sets in Figma and using them on the web
Stars: ✭ 140 (-33.01%)
Mutual labels: svg, icons
Circle Flags
A collection of 300+ minimal circular SVG country flags
Stars: ✭ 139 (-33.49%)
Mutual labels: svg, icons
Materialdesign Svg
@mdi/svg Dist for Material Design Icons.
Stars: ✭ 166 (-20.57%)
Mutual labels: svg, icons
Php badge
This is an identification tag based on SVG, It can quickly generate various labels and status identifiers
Stars: ✭ 101 (-51.67%)
Mutual labels: svg, icons
Svg Gauge
Minimalistic, animated SVG gauge. Zero dependencies
Stars: ✭ 188 (-10.05%)
Mutual labels: svg, animated
Feathericon
simply generic vector icon collection - including sketch file, svg files, and font files.
Stars: ✭ 178 (-14.83%)
Mutual labels: svg, icons
Styled Icons
💅 Popular icon packs like Font Awesome, Material Design, and Octicons, available as React Styled Components
Stars: ✭ 1,878 (+798.56%)
Mutual labels: svg, icons
Richpath
💪 Rich Android Path. 🤡 Draw as you want. 🎉 Animate much as you can.
Stars: ✭ 2,259 (+980.86%)
Mutual labels: svg, icons
Rmdi
React Material Design Icons – built with Pixo, Styled Components, and Styled System
Stars: ✭ 132 (-36.84%)
Mutual labels: svg, icons
Svelte Awesome
Awesome SVG icon component for Svelte JS, built with Font Awesome icons. Based on Justineo/vue-awesome
Stars: ✭ 193 (-7.66%)
Mutual labels: svg, 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 (-37.32%)
Mutual labels: svg, icons
Flagpack Core
Flagpack contains 260+ easily implementable flag icons to use in your design or code project.
Stars: ✭ 127 (-39.23%)
Mutual labels: svg, icons
Svgiconimagelist
Three engines to render SVG (GDI+, Direct2D or Cairo) and four components to simplify use of SVG images (resize, fixedcolor, grayscale...): TSVGIconImage, TSVGIconImageCollection, TSVGIconVirtualImageList and TSVGIconImageList (for VCL and FMX).
Stars: ✭ 127 (-39.23%)
Mutual labels: svg, icons
Blade Heroicons
A package to easily make use of Heroicons in your Laravel Blade views.
Stars: ✭ 173 (-17.22%)
Mutual labels: svg, icons
Vue Eva Icons
Is a pack of more than 480 beautiful open source Eva icons as Vue components
Stars: ✭ 189 (-9.57%)
Mutual labels: svg, icons
React SVG buttons
This package provides a <MorphIcon /> component used to compose available buttons,
it's able to morph from whatever icon type to another one.
The <MorphIcon /> component exposes 18 icon types.
It also provides a set of button components.
Please, take a look at the demo.
Installation
npm install --save react-svg-buttons
Usage
import { render } from 'react-dom'
import {
MorphIcon,
CloseButton,
NavButton,
PlusButton,
} from 'react-svg-buttons'
const Demo = () => (
<div>
<MorphIcon type="thunderbolt" />
<CloseButton />
<NavButton direction="right" opened={false} />
<PlusButton />
</div>
)
render(<Demo />, document.getElementById('demo'))
License
MIT. Copyright (c) 2015 Raphaël Benitte.
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].