devicons-react

Programming icons

Usage no npm install needed!

<script type="module">
  import deviconsReact from 'https://cdn.skypack.dev/devicons-react';
</script>

README

GitHub release (latest by semver) GitHub GitHub Repo stars


Devicon Logo

devicons-react aims to gather all logos representing development languages and tools, build into devicon

Demo

Install package

#npm
npm install --save devicons-react

#yarn
yarn add devicons-react

Icon Behavior / props

Default behavior for icon

import { Fragment } from 'react'
import { Aarch64Plain } from 'devicons-react'

const App = () => {
  return (
    <Fragment>
      <Aarch64Plain />
    </Fragment>
  )
}

export default App

Change size and color for icon

import { Fragment } from 'react'
import { Aarch64Plain, ReactOriginal } from 'devicons-react'
import AndroidOriginal from 'devicons-react/icons/AndroidOriginal'

const App = () => {
  return (
    <Fragment>
      <Aarch64Plain />
      <ReactOriginal fill="red" height="500" width="500" />
      <AndroidOriginal fill="#d35" height="128" width="128" />
    </Fragment>
  )
}

export default App