Big news!Introducing Socket AI - ChatGPT-Powered Threat Analysis. Learn more →
Socket
Log inDemoInstall

lucide-react-native

Package Overview
Dependencies
0
Maintainers
1
Versions
54
Issues
File Explorer

Advanced tools

lucide-react-native

A Lucide icon library package for React Native applications

    0.129.0latest
    GitHub

Version published
Maintainers
1
Weekly downloads
1,431
decreased by-35.31%

Weekly downloads

Changelog

Source

New icons v0.129.0

@ generate:changelog /home/runner/work/lucide/lucide node ./scripts/generateChangelog.mjs "--old-tag=v0.128.0"

Modified Icons 🔨

  • package (#989) by @danielbayley

Readme

Source

Lucide React Native

Implementation of the lucide icon library for React Native applications.

What is lucide? Read it here.

Installation

First, ensure that you havereact-native-svg@^12.0.0 or react-native-svg@^13.0.0 installed. Then, install the package:

yarn add lucide-react-native

or

npm install lucide-react-native

How to use

It's built with ES modules so it's completely tree-shakable. Each icon can be imported as a react component.

Example

You can pass additional props to adjust the icon.

import { Camera } from 'lucide-react-native'; const App = () => { return <Camera color="red" size={48} />; }; export default App;

Props

nametypedefault
sizeNumber24
colorStringcurrentColor
strokeWidthNumber2

Custom props

You can also pass custom props that will be added in the svg as attributes.

const App = () => { return <Camera fill="red" />; };

Generic icon component

It is possible to create a generic icon component to load icons.

:warning: The example below is importing all ES modules. This is not recommended when you using a bundler since your application build size will grow substantially.

import * as icons from 'lucide-react-native'; const Icon = ({ name, color, size }) => { const LucideIcon = icons[name]; return <LucideIcon color={color} size={size} />; }; export default Icon;

FAQs

Last updated on 29 Mar 2023

Did you know?

Socket installs a Github app to automatically flag issues on every pull request and report the health of your dependencies. Find out what is inside your node modules and prevent malicious activity before you update the dependencies.

Install Socket
Socket
support@socket.devSocket SOC 2 Logo

Product

  • Package Issues
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc