🌐
Icons8
icons8.com › icons › set › react-native
React Native Icons - Logo PNG and More for Apps
Explore a range of React Native icons and the official React Native logo in PNG format.
🌐
Worldvectorlogo
worldvectorlogo.com › logo › react-native-1
React Native Vector Logo - Download Free SVG Icon | Worldvectorlogo
Download React Native logo vector in SVG format. This logo is compatible with EPS, AI, PSD and Adobe PDF formats.
🌐
React Native
reactnative.dev › docs › image
Image · React Native
Example: src={'https://reactnative.dev/img/tiny_logo.png'}
🌐
Iconfinder
iconfinder.com › icons › 1174949 › js_react_js_logo_react_react_native_icon
Js, react js, logo, react, react native icon - Free download
Download this UICONS Straight ThinReact icon, and create your best design project with Freepik icons.
🌐
Seeklogo
seeklogo.com › free-vector-logos › react-native
React Native Logo PNG Vectors Free Download
React Native logo png vectors. We have 9 free React Native logo png, transparent images, vector logos, logo templates and icons. You can download in PNG, SVG, AI, EPS, CDR formats.
🌐
Brandfetch
brandfetch.com › reactnative.dev
React Native Logo & Brand Assets (SVG, PNG and vector) - Brandfetch
November 3, 2021 - Find the React Native style guide with brand assets such as logos, colors, fonts, and more.
🌐
Flaticon
flaticon.com › free-icons › react-native
261 Free icons of react native
2 days ago - Download over 261 icons of react native in SVG, PSD, PNG, EPS format or as webfonts. Flaticon, the largest database of free icons.
Find elsewhere
🌐
npm
npmjs.com › package › react-native-ico-logo
react-native-ico-logo - npm
Logo Icons for React Native. Latest version: 5.1.2, last published: 2 years ago. Start using react-native-ico-logo in your project by running `npm i react-native-ico-logo`. There are 1 other projects in the npm registry using react-native-ico-logo.
      » npm install react-native-ico-logo
    
Published   Nov 04, 2023
Version   5.1.2
Author   Dimitry Ivanov
🌐
npm
npmjs.com › package › react-native-ico-technology-logos
react-native-ico-technology-logos - npm
import Icon from 'react-native-ico-technology-logos'; // Inside some view component render() { return ( <> <Icon name="t-mobile" /> <Icon name="oppo" height="40" width="40" /> <Icon name="asus" color="red" /> <Icon name="asus" colors={{ "#000000": "#FFFFFF" }} /> <Icon name="oppo" badge="10" /> <Icon name="oppo" badge={{value: 'A', fontSize: 25, radius: 22, position:'top_left', color:'orange', backgroundColor:'blue'}}/> <Icon name="t-mobile" background="circle" /> <Icon name="t-mobile" background={{ type: "button", color: 'green' }} /> </> ); }
      » npm install react-native-ico-technology-logos
    
Published   Nov 04, 2023
Version   5.1.2
Author   Dimitry Ivanov
🌐
IconScout
iconscout.com › home › 3d icons › logos › social media › social media 3d icon pack › react native logo
Free React Native Logo 3D Icon - Download or Copy PNG, glTF | IconScout
Get the official Free React Native Logo 3D Icon. Copy code for web or download high-resolution PNG, glTF. The perfect React Native asset for your projects.
🌐
Streamline HQ
streamlinehq.com › icons › download › react-native--14753
React Native Logo icon - Free Download PNG & SVG | Streamline
Download React Native Logo SVG vector or transparent PNG icon in Line, Minimal, Stroke style(s) for Sketch and Figma. It belongs to Ultimate Regular vectors SVG collection.
🌐
PNGWing
pngwing.com › en › search
React native logo png images | PNGWing
Computer Icons Symbol Game (React native), skype, angle, computer, desktop Wallpaper png · React Android Mobile app development, android, development, mobile App Development, computer Programming png · Progressive Web Apps Web application Mobile app development Web browser, apps, gadget, electronics, logo png
🌐
Icons8
icons8.com › icons › set › react-logo
React.js Logo Icons for Web Development
Discover high-quality React logo icons for your projects. Customizable React js logo icons to enhance your website design with ease.
🌐
Stackademic
blog.stackademic.com › changing-app-logo-in-react-native-for-ios-and-android-fdd96b108b96
Changing App Logo in React Native for iOS and Android | by Abhishek kumaar | Stackademic
January 17, 2024 - Drag and drop your app logo images over the placeholder images in Assets.xcassets. In your React Native project, navigate to android/app/src/main/res.
🌐
Wikimedia Commons
commons.wikimedia.org › wiki › File:React-icon.svg
File:React-icon.svg - Wikimedia Commons
January 25, 2022 - React Native · Usage on en.wikipedia.org · React Native · User:Likhondocs · Usage on es.wikipedia.org · React Native · Usage on fa.wikipedia.org · ری‌اکت نیتیو · Usage on fr.wikipedia.org · React Native · Usage on fr.wikibooks.org · Programmation JavaScript/Version imprimable ·
🌐
GitHub
github.com › anastely › react-native-logo-animation
GitHub - anastely/react-native-logo-animation: React Native Logo Animation
React Native Logo Animation. Contribute to anastely/react-native-logo-animation development by creating an account on GitHub.
Starred by 47 users
Forked by 4 users
Languages   TypeScript 57.4% | Java 23.2% | Objective-C 11.6% | JavaScript 5.2% | Ruby 2.0% | C 0.4% | Swift 0.2%
Top answer
1 of 16
542

iOS Icons

  • Set AppIcon in Images.xcassets.
  • Add 9 different size icons:
    • 29pt
    • 29pt*2
    • 29pt*3
    • 40pt*2
    • 40pt*3
    • 57pt
    • 57pt*2
    • 60pt*2
    • 60pt*3.

Images.xcassets will look like this:

Android Icons

  • Put ic_launcher.png in folders [ProjectDirectory]/android/app/src/main/res/mipmap-*/.
    • 72*72 ic_launcher.png in mipmap-hdpi.
    • 48*48 ic_launcher.png in mipmap-mdpi.
    • 96*96 ic_launcher.png in mipmap-xhdpi.
    • 144*144 ic_launcher.png in mipmap-xxhdpi.
    • 192*192 ic_launcher.png in mipmap-xxxhdpi.

Update 2019 Android

The latest versions of react native also supports round icon. For this particular case, you have two choices:

A. Add round icons: In each mipmap folder, add additionally to the ic_launcher.png file also a round version called ic_launcher_round.png with the same size.

B. Remove round icons: Inside yourProjectFolder/android/app/src/main/AndroidManifest.xml remove the line android:roundIcon="@mipmap/ic_launcher_round"and save it.

Otherwhise the build throws an error.

2 of 16
353

I wrote a generator to automatically generate icons for your react native app from a single icon file. It generates your assets and it also adds them correctly to your ios and android project:

Update (04/09/2019)

We revamped our generator to be up to date with the ecosystem standards. You can now use @bam.tech/react-native-make.

You can install it using: yarn add @bam.tech/react-native-make in the react-native project

To use it react-native set-icon --path <path_to_png> --background <icon_background_color> --platform <android|ios>

And... that's it! Hope it can be useful for others :)

Recommendations:

  • 1024x1024 base image
  • No transparent background for iOS
  • An icon which follows adaptive icons guidelines for Android

Here are some improvements over the previous tool:

  • No Yeoman dependency, it is now a react-native-cli plugin
  • No Image Magick dependency
  • Creates Adaptive icons for Android
  • Adds missing icons sizes for iOS