Reactnative ikonu
thesvg-color:reactnative
Reactnative ikonu (thesvg-color:reactnative), theSVG Color setinden ücretsiz bir SVG ikondur (yapımcı: thesvg.org). 128 × 128 ızgara üzerinde çizilmiştir. theSVG Color icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir. SVG, JSX, Vue veya Svelte kodu olarak kopyalayın ya da SVG dosyasını indirin.
- İkon seti
- theSVG Color
- Yazar
- thesvg.org
- Lisans
- MIT
- Boyut
- 128 × 128
SVG kodu
<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>Reactnative ikonu nasıl kullanılır
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:reactnative" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:reactnative" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:reactnative" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--reactnative]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:reactnative"></div>Web bileşeni
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:reactnative"></iconify-icon>HTML görseli
<img src="https://iconyz.com/api/public/svg/thesvg-color/reactnative.svg" alt="Reactnative ikonu" width="24" height="24">Diğer ikon setlerinde Reactnative ikonu
Reactnative ikonu: sık sorulan sorular
Reactnative ikonu ticari kullanım için ücretsiz mi?
Evet. theSVG Color icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.
Reactnative ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="thesvg-color:reactnative" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Reactnative ikonunu bir web sayfasına nasıl eklerim?
SVG dosyasını bir görsel etiketiyle bağlayın: <img src="https://iconyz.com/api/public/svg/thesvg-color/reactnative.svg" alt="Reactnative ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.