Reactnative icon
devicon:reactnative
The Reactnative icon (devicon:reactnative) is a free SVG icon from the Devicon set by konpa. It is drawn on a 128 × 128 grid. Devicon icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#61dafb" d="M37.965 6.934c-2.12.072-4.14.588-5.965 1.64c-3.648 2.106-5.826 5.97-6.805 10.543c-.978 4.574-.875 10.013.1 16.1c.376 2.347.926 4.815 1.562 7.338c-2.503.71-4.916 1.47-7.136 2.318c-5.76 2.2-10.52 4.83-13.992 7.965S0 59.788 0 64s2.256 8.03 5.729 11.164C9.2 78.3 13.96 80.93 19.72 83.13c2.22.848 4.633 1.606 7.136 2.317c-.636 2.523-1.186 4.991-1.562 7.337c-.975 6.09-1.076 11.527-.098 16.1c.98 4.575 3.155 8.438 6.803 10.544s8.08 2.06 12.531.62c4.45-1.44 9.11-4.247 13.895-8.136c1.844-1.498 3.707-3.206 5.575-5.02c1.866 1.814 3.73 3.522 5.574 5.02c4.784 3.89 9.442 6.697 13.893 8.137c4.45 1.44 8.885 1.485 12.533-.62c3.648-2.107 5.826-5.97 6.805-10.544c.978-4.574.873-10.012-.102-16.1c-.376-2.347-.924-4.815-1.56-7.338c2.503-.71 4.916-1.47 7.136-2.317c5.76-2.199 10.52-4.83 13.992-7.965S128 68.212 128 64s-2.256-8.028-5.729-11.162c-3.472-3.134-8.232-5.766-13.992-7.965c-2.22-.847-4.631-1.608-7.134-2.318c.636-2.523 1.184-4.992 1.56-7.338c.975-6.087 1.076-11.526.098-16.1S99.649 10.68 96 8.574s-8.08-2.06-12.531-.62c-4.45 1.44-9.11 4.248-13.895 8.136c-1.844 1.5-3.71 3.208-5.577 5.022c-1.867-1.813-3.73-3.523-5.574-5.022c-4.783-3.888-9.439-6.698-13.889-8.138c-2.226-.72-4.448-1.09-6.57-1.02zm.256 5.545c1.33-.038 2.854.207 4.6.77c3.49 1.13 7.675 3.57 12.093 7.16c1.702 1.382 3.443 2.982 5.197 4.69c-3.664 3.96-7.298 8.463-10.814 13.434c-6.063.56-11.78 1.456-17.043 2.65c-.6-2.374-1.116-4.68-1.463-6.847c-.9-5.62-.92-10.465-.152-14.053c.767-3.587 2.202-5.767 4.144-6.888c.971-.56 2.108-.88 3.438-.916m51.559 0c1.33.037 2.467.355 3.438.916c1.942 1.12 3.377 3.3 4.144 6.887s.75 8.433-.15 14.054c-.347 2.165-.862 4.474-1.463 6.846c-5.262-1.193-10.98-2.09-17.045-2.649c-3.516-4.97-7.152-9.474-10.816-13.435c1.754-1.707 3.497-3.308 5.199-4.69c4.418-3.592 8.603-6.028 12.094-7.158c1.745-.564 3.27-.808 4.6-.77zM64 29.102a124 124 0 0 1 7.44 8.926c-2.444-.11-4.917-.184-7.44-.184c-2.522 0-4.995.073-7.44.184A123 123 0 0 1 64 29.102m0 14.308c3.985 0 7.87.157 11.634.44a155 155 0 0 1 6.199 9.853A155 155 0 0 1 87.267 64a155 155 0 0 1-5.434 10.295a155 155 0 0 1-6.2 9.856c-3.763.283-7.648.441-11.632.441a155 155 0 0 1-11.638-.44a155 155 0 0 1-6.197-9.857a155 155 0 0 1-5.434-10.293a155 155 0 0 1 5.436-10.297a155 155 0 0 1 6.2-9.855a155 155 0 0 1 11.633-.44zm-18.773 1.163a164 164 0 0 0-3.88 6.35a164 164 0 0 0-3.56 6.534a124 124 0 0 1-4.012-10.906c3.59-.8 7.412-1.47 11.452-1.978m37.547 0a124 124 0 0 1 11.452 1.978a124 124 0 0 1-4.012 10.908a164 164 0 0 0-3.56-6.537a164 164 0 0 0-3.88-6.35zm-54.409 3.341c1.598 5.154 3.681 10.554 6.23 16.084c-2.55 5.532-4.63 10.934-6.23 16.088c-2.355-.665-4.61-1.374-6.66-2.156c-5.319-2.03-9.524-4.438-12.248-6.898c-2.723-2.458-3.893-4.79-3.893-7.033c0-2.242 1.17-4.572 3.893-7.03c2.724-2.46 6.93-4.867 12.248-6.897c2.05-.783 4.305-1.493 6.66-2.159zm71.27 0c2.356.666 4.612 1.376 6.66 2.16c5.32 2.03 9.525 4.436 12.249 6.895c2.723 2.46 3.893 4.79 3.893 7.031c0 2.243-1.17 4.575-3.893 7.033c-2.724 2.46-6.93 4.866-12.248 6.897c-2.05.782-4.307 1.49-6.662 2.156c-1.598-5.153-3.68-10.553-6.227-16.084c2.549-5.532 4.63-10.933 6.229-16.088zM64 52.592A11.41 11.41 0 0 0 52.592 64a11.41 11.41 0 0 0 11.409 11.408A11.41 11.41 0 0 0 75.409 64A11.41 11.41 0 0 0 64 52.592m26.214 17.951a124 124 0 0 1 4.01 10.908c-3.588.8-7.41 1.471-11.448 1.98a164 164 0 0 0 3.877-6.353a164 164 0 0 0 3.56-6.535zm-52.427.002a164 164 0 0 0 3.56 6.533a166 166 0 0 0 3.88 6.352a123 123 0 0 1-11.452-1.979a124 124 0 0 1 4.012-10.906M32.252 86.82c5.262 1.192 10.98 2.087 17.045 2.646c3.516 4.973 7.152 9.477 10.816 13.44c-1.754 1.705-3.495 3.305-5.197 4.69c-4.418 3.59-8.607 6.03-12.098 7.16c-3.49 1.128-6.095.973-8.037-.148c-1.942-1.122-3.375-3.3-4.142-6.887c-.768-3.588-.749-8.433.152-14.056c.347-2.165.86-4.473 1.461-6.845m63.495 0c.6 2.372 1.116 4.68 1.463 6.845c.9 5.623.92 10.468.152 14.056c-.767 3.588-2.202 5.767-4.144 6.89c-1.942 1.12-4.546 1.273-8.037.143s-7.676-3.57-12.094-7.16c-1.701-1.383-3.444-2.983-5.197-4.69c3.664-3.96 7.298-8.466 10.814-13.438c6.063-.559 11.78-1.454 17.043-2.646M56.56 89.972a164 164 0 0 0 7.441.186a164 164 0 0 0 7.442-.186a123 123 0 0 1-7.442 8.93a123 123 0 0 1-7.44-8.93z"/></svg>How to use the Reactnative icon
React
import { Icon } from "@iconify/react";
<Icon icon="devicon:reactnative" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="devicon:reactnative" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="devicon:reactnative" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[devicon--reactnative]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/devicon -->
<div class="i-devicon:reactnative"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="devicon:reactnative"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/devicon/reactnative.svg" alt="Reactnative icon" width="24" height="24">Related icons in Devicon
Reactnative icon in other icon sets
Reactnative icon FAQ
Is the Reactnative icon free for commercial use?
Yes. Devicon icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Reactnative icon in React?
Install @iconify/react and render <Icon icon="devicon:reactnative" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Reactnative icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/devicon/reactnative.svg" alt="Reactnative icon">, or paste the SVG code inline to style it with CSS.