yacodes / React Share Icons
Licence: mit
🔷 Vector share icons as react-components
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to React Share Icons
React Native Make
A collection of everyday React Native CLI tools
Stars: ✭ 606 (+10000%)
Mutual labels: icons
Alfred Font Awesome Workflow
🎩 Font Awesome workflow for Alfred
Stars: ✭ 714 (+11800%)
Mutual labels: icons
Iconizer
Create Xcode asset catalogs swift and painless. Generate images for macOS and iOS app icons, launch images and image sets.
Stars: ✭ 751 (+12416.67%)
Mutual labels: icons
Sfsafesymbols
Safely access Apple's SF Symbols using static typing
Stars: ✭ 683 (+11283.33%)
Mutual labels: icons
Drawthe.net
drawthe.net draws network diagrams dynamically from a text file describing the placement, layout and icons. Given a yaml file describing the hierarchy of the network and it's connections, a resulting diagram will be created.
Stars: ✭ 729 (+12050%)
Mutual labels: icons
Appiconnamechanger
Library to change Android launcher App Icon and App Name programmatically !
Stars: ✭ 555 (+9150%)
Mutual labels: icons
Cryptocoins
Cryptocoins is the most complete vector/webfont icon pack of your favourite cryptocurrencies
Stars: ✭ 810 (+13400%)
Mutual labels: icons
Phosphor Home
The homepage of Phosphor Icons, a flexible icon family for everyone
Stars: ✭ 704 (+11633.33%)
Mutual labels: icons
Flyingfox
An opinionated set of configurations for firefox.
Stars: ✭ 669 (+11050%)
Mutual labels: icons
Icones
⚡️ Icon Explorer with Instant searching, powered by Iconify
Stars: ✭ 718 (+11866.67%)
Mutual labels: icons
Octicons
A scalable set of icons handcrafted with <3 by GitHub
Stars: ✭ 7,039 (+117216.67%)
Mutual labels: icons
Vector share icons as react-components
Installation
$ npm install --save react-share-icons
Usage
Icon: ReactElement
import React, {Component} from 'react';
import Icon, {Telegram} from 'react-share-icons';
import Instagram from 'react-share-icons/lib/Instagram';
class Shares extends Component {
render() {
return (
<div>
<div>
<Icon type="Facebook" className="shares-facebook"/>
<Icon type="Twitter" className="shares-twitter"/>
<Instagram className="shares-instagram"/>
</div>
<a href="https://telegram.org/">
<Telegram className="shares-telegram"/>
</a>
</div>
);
}
}
export default Shares;
By default react-shares-icons
exports Icon
component, which accepts type
prop. type
props is a string – name of the icon you wanna get. You can also import icons like this: import {Facebook} from 'react-share-icons
.
If you don't want to use all of the icons, you can import them directly like this: import Facebook from 'react-share-icons/lib/Facebook'
, it will import only Facebook icon component, and nothing else!
All available icons:
- Dribbble
- Odnoklassniki
- Periscope
- Vkontakte
- Youtube
- Telegram
Colors.css
You can find colors.css file in the root of the project, it provides css variables with social colors for you, so you can use sheetify or cssnext:
@import 'react-share-icons/colors';
.shares-facebook {
color: var(--rsi-facebook);
}
License
MIT © Aleksandr Yakunichev
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].