Resultado de búsqueda
Basic Usage. First, install @heroicons/react from npm: npm install @heroicons/react. Now each icon can be imported individually as a React component: import { BeakerIcon } from '@heroicons/react/24/solid' function MyComponent() { return ( <div> <BeakerIcon className="size-6 text-blue-500" /> <p>... </p> </div> ) }
- Heroicons/React
Heroicons/React - @heroicons/react - npm
- Code Beta
Code Beta - @heroicons/react - npm
- Readme
Readme - @heroicons/react - npm
- Heroicons/React
Heroicons offers a collection of free icons for web and app development, with different versions, sizes, styles and colors. To use @heroicons/react/24/solid icons, you can copy the code or download the files from the website.
Heroicons is a collection of 288 hand-crafted SVG icons in solid style, available in React and Vue libraries. Browse the outline of icons by category, such as arrows, charts, currency, devices, and more.
16 de ago. de 2021 · If your codebase imports directly from @heroicons/react/solid, you are probably trying to import from Heroicons v1, but you have Heroicons v2 installed. Use this cmd: npm install @heroicons/react@v1
npm install @heroicons/react. Now each icon can be imported individually as a React component: import{BeakerIcon}from'@heroicons/react/24/solid'functionMyComponent(){return(<div><BeakerIconclassName="size-6 text-blue-500"/><p>... </p></div>)}
First, install @heroicons/react from npm: npm install @heroicons/react. Now each icon can be imported individually as a React component: import { BeakerIcon } from '@heroicons/react/24/solid' function MyComponent() { return ( <div> <BeakerIcon className="size-6 text-blue-500" /> <p>... </p> </div> ) }
Basic Usage. First, install @heroicons/react from npm: npm install @heroicons/react. Now each icon can be imported individually as a React component: import { BeakerIcon } from '@heroicons/react/24/solid' function MyComponent() { return ( <div> <BeakerIcon className="size-6 text-blue-500" /> <p>... </p> </div> ) }