An svg icon from clipboard.js site assets, packaged as a React stateless component

Last update: Mar 26, 2019

react-clipboard-icon

is an svg icon from clipboard.js site assets, packaged as a React stateless component

Installation | Usage | Development | License

All credits go to @zenorocha.

clippy

Installation

React is required as a peer dependency. With npm do

npm install react
npm install react-clipboard-icon

Usage

Edit

All props are optional:

  • onClick {Function} : see this CodePen for an example of Clipboard.js + React.
  • size {Number} defaults to 24.
  • style {Object}.
  • title {String} text visible on mouseover.
import React from 'react'
import ClipboardIcon from 'react-clipboard-icon'

const style = { fill: 'red' }

const MyComponent = () => (
  <div>
    <ClipboardIcon
      size={40}
      style={style}
    />
  </div>
)

export default MyComponent

Development

Transpile with npm run build.

Lint code with npm run lint.

Deploy with npm version major|minor|patch.

License

MIT

GitHub

https://github.com/fibo/react-clipboard-icon/
You might also like...

SVG library for React Native, React Native Web, and plain React web projects.

SVG library for React Native, React Native Web, and plain React web projects.

react-native-svg react-native-svg provides SVG support to React Native on iOS and Android, and a compatibility layer for the web. Check out the demo L

May 12, 2022

A React SVG components library of Framework7 Icons with better usability.

A React SVG components library of Framework7 Icons with better usability.

A React SVG components library of Framework7 Icons npm install react-f7-icons import F7Icon from 'react-f7-icons' export default function Component

Sep 9, 2021

svg social icons in react

svg social icons in react

react-social-icons A set of beautiful svg social icons. Easily used in React. No images or external css dependencies. Svg paths provided by Squarespac

May 4, 2022

SVG icons for Ocean DS

Ocean Icons This project is composed of many npm packages for building icons to the Ocean design-system. Installation yarn add @useblu/ocean-icons-rea

Apr 28, 2022

🌈 React component for Iconly icons

🌈 React Iconly Icons React component for Iconly icons react-iconly is a collection of simply beautiful open source icons for React.js. Each icon is d

May 10, 2022

React component for font awesome

React component for font awesome

react-icon React component for font awesome Installation npm install sitb-react-icon Usage Dependencies Depend on the style of the font-awesome libra

Oct 23, 2017

Font Awesome React component

react-fontawesome Font Awesome 5 React component using SVG with JS Documentation How to Help Contributors Releasing this project (only project owners

May 10, 2022

A React.js wrapper component to animate the line stroke in SVGs

A React.js wrapper component to animate the line stroke in SVGs

react-mt-svg-lines Bring your SVGs to life Live Demo A React.js wrapper component that lets you trigger an "animated lines" effect within your SVGs by

Feb 11, 2022

A small and simple component to create icons from a rating

A small and simple component to create icons from a rating

Pretty rating React A small and simple library that transform you rating in icons for you web Status Getting started To install as npm dependency npm

Nov 13, 2021
Comments
  • 1. avoid transpilation

    When Nodejs will have es6 import, create a v1 version of this module with no transpilation, not using jsx, but somthing like

    React.createElement('path', {
          d: 'M128 768h256v64H128v-64z m320-384H128v64h320v-64z m128 192V448L384 640l192 192V704h320V576H576z m-288-64H128v64h160v-64zM128 704h160v-64H128v64z m576 64h64v128c-1 18-7 33-19 45s-27 18-45 19H64c-35 0-64-29-64-64V192c0-35 29-64 64-64h192C256 57 313 0 384 0s128 57 128 128h192c35 0 64 29 64 64v320h-64V320H64v576h640V768zM128 256h512c0-35-29-64-64-64h-64c-35 0-64-29-64-64s-29-64-64-64-64 29-64 64-29 64-64 64h-64c-35 0-64 29-64 64z'
        })
    
    Reviewed by fibo at 2016-11-01 11:31
📦 This package provides the Simple Icons packaged as a set of React components.

react-simple-icons This package provides a React component for simple-icons. Installation Install the package in your project directory with: // with

May 2, 2022
Accessible SVG icon component for React

react-svg-icon Accessible SVG icon component for React. Check out the online demo! Usage npm install --save react-svg-icon import Icon from 'react-svg

Jan 9, 2020
React FontIconPicker Component to pick icon or SVG from a selection.
React FontIconPicker Component to pick icon or SVG from a selection.

React FontIconPicker Component A react version of fontIconPicker. This is rewritten and is not a wrapper around jQuery version. With FontIconPicker co

May 10, 2022
svg react icons of popular icon packs

React Icons Include popular icons in your React projects easily with react-icons, which utilizes ES6 imports that allows you to include only the icons

May 17, 2022
Transform SVG to React Chakra UI
Transform SVG to React Chakra UI <Icon /> ✨

Transform SVG to React Chakra UI ✨ from SVG file to CODE Features Transform <SVG/> to Chakra-UI Icon Component or Functional createIcon(...). <Icon />

May 9, 2022
SVG Vue/React components integrated from fluentui-system-icons, ionicons, ant-design-icons, material-design-icons, Font-Awesome, tabler-icons and carbon icons. (Vue3, Vue2, React, SVG)

SVG Vue/React components integrated from fluentui-system-icons, ionicons, ant-design-icons, material-design-icons, Font-Awesome, tabler-icons and carbon icons. (Vue3, Vue2, React, SVG)

May 12, 2022
Iconify icon component for React

This repository contains old version 1 of Iconify for React. The latest version has been moved to Iconify monorepo: https://github.com/iconify/iconify

May 7, 2022
React icon component for Geomicons Open

react-geomicons React icon component for Geomicons Open View Demo Getting Started npm install --save react-geomicons var React = require('react'); var

Jan 27, 2022
A desktop icon manager application
A desktop icon manager application

Gerenciador de ícones ⬇ Downloaded Images Pode baixar o executável aqui ⚔ Features Diversas bibliotecas de ícones Pesquisar por ícones Mudar a cor dos

Apr 5, 2022