Ikon React Query
logos:react-query
Ikon React Query (logos:react-query) adalah ikon SVG gratis dari set SVG Logos karya Gil Barbara. Ikon ini digambar pada grid 512 × 100. SVG Logos icons dirilis di bawah lisensi CC0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- SVG Logos
- Pembuat
- Gil Barbara
- Lisensi
- CC0-1.0
- Ukuran
- 512 × 100
- Tag
- reactquery
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="100" viewBox="0 0 512 100"><path fill="#00435b" d="m68.848 62.096l-2.14 3.716a3.61 3.61 0 0 1-3.13 1.809H47.184a3.61 3.61 0 0 1-3.13-1.81l-2.14-3.715zm5.99-10.403l-3.773 6.552H39.697l-3.774-6.552zm-3.634-10.172l3.64 6.322H35.918l3.641-6.322zm-7.626-9.617c1.291 0 2.485.69 3.13 1.81l2.278 3.956h-27.21l2.278-3.956a3.61 3.61 0 0 1 3.13-1.81z"/><path fill="#002b3b" d="M23.325 30.18c-1.816-8.806-2.206-15.56-1.032-20.464c.698-2.917 1.975-5.296 3.916-7.013C28.258.891 30.849.001 33.759.001c4.802 0 9.85 2.19 15.245 6.35q3.299 2.545 6.856 6.137q.283-.366.64-.685C63.204 5.828 68.85 2.115 73.678.684c2.87-.851 5.566-.932 8.02-.106c2.592.872 4.656 2.674 6.113 5.199c2.404 4.167 3.038 9.642 2.142 16.402q-.549 4.132-1.873 9.01q.5.059.997.223c8.508 2.82 14.532 5.851 18.18 9.316c2.17 2.061 3.587 4.356 4.099 6.897c.54 2.681.013 5.37-1.442 7.894c-2.399 4.16-6.81 7.442-13.096 10.041q-3.785 1.565-8.57 2.839q.22.494.334 1.044c1.816 8.806 2.206 15.56 1.032 20.464c-.698 2.917-1.974 5.296-3.915 7.013c-2.049 1.812-4.64 2.702-7.55 2.702c-4.802 0-9.85-2.19-15.245-6.35q-3.335-2.573-6.932-6.213c-.246.386-.55.745-.908 1.064c-6.705 5.975-12.35 9.688-17.18 11.12c-2.87.85-5.566.932-8.02.106c-2.591-.872-4.656-2.675-6.113-5.2c-2.403-4.166-3.037-9.641-2.141-16.401q.567-4.282 1.969-9.364a5 5 0 0 1-1.094-.234c-8.508-2.82-14.532-5.85-18.179-9.316c-2.17-2.061-3.587-4.356-4.1-6.897c-.54-2.681-.013-5.37 1.442-7.894c2.4-4.16 6.811-7.442 13.097-10.04q3.897-1.612 8.855-2.916a5 5 0 0 1-.276-.907"/><path fill="#ff4154" d="M82.648 70.309a1.605 1.605 0 0 1 1.845 1.224l.01.05l.09.467q4.387 23.06-6.179 23.06q-10.337 0-26.319-19.677a1.606 1.606 0 0 1 1.21-2.616h.05l.562.003q6.724.036 13.075-.469q7.496-.596 15.656-2.042M34.274 58.688l.027.045l.281.492a156 156 0 0 0 7.052 11.168q4.32 6.224 9.714 12.6a1.605 1.605 0 0 1-.135 2.215l-.04.037l-.363.311q-17.85 15.294-23.203 6.107q-5.24-8.994 3.8-32.706a1.605 1.605 0 0 1 2.867-.27m54.413-22.685l.048.016l.448.154q22.034 7.665 16.742 16.846q-5.175 8.98-30.088 13.076a1.605 1.605 0 0 1-1.644-2.398a157 157 0 0 0 6.427-12.079q3.243-6.815 6.086-14.63a1.605 1.605 0 0 1 1.932-1zM36.802 33.43c.764.45 1.02 1.433.57 2.197a157 157 0 0 0-6.427 12.08q-3.243 6.815-6.087 14.63a1.605 1.605 0 0 1-1.98.985l-.049-.016l-.448-.155Q.35 55.487 5.64 46.306q5.175-8.98 30.088-13.076c.37-.06.75.01 1.074.2M83.958 8.264q5.24 8.994-3.8 32.705a1.605 1.605 0 0 1-2.867.27l-.027-.046l-.282-.491a156 156 0 0 0-7.051-11.168q-4.32-6.225-9.714-12.601a1.605 1.605 0 0 1 .134-2.215l.041-.036l.362-.312Q78.604-.924 83.958 8.264M33.752 4.615q10.338 0 26.32 19.677a1.606 1.606 0 0 1-1.211 2.617h-.05l-.561-.003q-6.725-.037-13.076.469q-7.496.596-15.656 2.042a1.605 1.605 0 0 1-1.845-1.224l-.01-.05l-.09-.468q-4.387-23.06 6.18-23.06"/><path fill="#ffd94c" d="M48.502 32.105h13.761a5.62 5.62 0 0 1 4.873 2.822l6.91 12.04a5.62 5.62 0 0 1 0 5.592l-6.91 12.04a5.62 5.62 0 0 1-4.873 2.821h-13.76a5.62 5.62 0 0 1-4.874-2.821l-6.909-12.04a5.62 5.62 0 0 1 0-5.593l6.91-12.04a5.62 5.62 0 0 1 4.872-2.821m11.664 3.634a5.62 5.62 0 0 1 4.874 2.824l4.818 8.406a5.62 5.62 0 0 1 0 5.588l-4.818 8.405a5.62 5.62 0 0 1-4.874 2.825H50.6a5.62 5.62 0 0 1-4.875-2.825l-4.818-8.405a5.62 5.62 0 0 1 0-5.588l4.818-8.406A5.62 5.62 0 0 1 50.6 35.74zm-2.26 3.974H52.86a5.62 5.62 0 0 0-4.871 2.82l-2.546 4.43a5.62 5.62 0 0 0 0 5.599l2.546 4.43a5.62 5.62 0 0 0 4.871 2.82h5.045a5.62 5.62 0 0 0 4.872-2.82l2.546-4.43a5.62 5.62 0 0 0 0-5.598l-2.546-4.432a5.62 5.62 0 0 0-4.872-2.819m-2.177 3.804a5.62 5.62 0 0 1 4.869 2.816l.361.627a5.62 5.62 0 0 1 0 5.605l-.361.627a5.62 5.62 0 0 1-4.87 2.816h-.691a5.62 5.62 0 0 1-4.87-2.816l-.36-.627a5.62 5.62 0 0 1 0-5.605l.36-.627a5.62 5.62 0 0 1 4.87-2.816zm-.345 3.747a2.5 2.5 0 0 0-2.167 3.748a2.5 2.5 0 0 0 4.33-2.498a2.5 2.5 0 0 0-2.163-1.25m-20.269 2.499h4.498"/><path fill="#00435b" d="M143.932 76.048V57.661h10.05l9.454 18.387h12.655l-9.752-20.1q4.392-1.786 6.923-6.178t2.531-9.008q0-7.443-4.206-12.134q-4.205-4.69-13.586-4.69h-25.385v52.11zm14.218-29.107h-14.218V34.658h14.218q3.127 0 4.504 1.75t1.377 4.354q0 6.18-5.88 6.18m34.879 30q9.083 0 14.814-6.922l-6.253-6.254q-3.35 4.02-8.561 4.02q-3.201 0-5.285-1.75q-2.085-1.748-2.234-5.322h24.343q.298-1.935.298-5.583q0-8.784-4.764-13.4t-12.358-4.615q-8.337 0-13.214 5.36q-4.876 5.36-4.876 14.516q0 9.38 4.84 14.665q4.838 5.286 13.25 5.286m6.774-24.342h-14.218q.372-2.977 2.233-4.653q1.86-1.675 4.764-1.675q6.402 0 7.221 6.328m25.723 24.343q6.029 0 9.454-3.722v2.828h10.72V52.003q0-14.888-16.154-14.888q-9.306 0-16.304 4.764l3.35 8.263q6.03-4.02 12.21-4.02q2.902 0 4.54 1.377t1.638 3.983v2.085q-2.977-1.34-8.338-1.34q-6.178 0-10.794 3.163q-4.616 3.165-4.616 9.045q0 6.03 3.983 9.269q3.983 3.237 10.31 3.238m2.084-9.082q-5.807 0-5.807-3.35q0-3.648 6.7-3.648q3.5 0 6.477.893v3.425q-3.35 2.68-7.37 2.68m38.824 9.082q12.954 0 16.75-12.879l-10.348-2.978q-1.712 5.51-6.402 5.51q-2.978 0-4.913-2.644q-1.935-2.642-1.936-6.886q0-4.242 1.973-6.923t5.025-2.68q4.392 0 6.253 4.914l10.274-3.35q-3.723-11.911-16.676-11.911q-8.04 0-12.916 5.397q-4.875 5.398-4.876 14.553q0 9.306 4.84 14.591q4.838 5.286 12.952 5.286m31.678 0q5.136 0 8.635-1.712l1.191-9.082q-3.275 1.488-6.55 1.488q-.894 0-1.527-.558q-.632-.559-.632-1.6V47.462h8.263v-9.454h-8.263V22.3l-10.72 5.137v10.571h-5.211v9.454h5.21V66.52q0 10.422 9.604 10.422m59.038 5.136l8.337-5.36l-4.02-5.88q7.37-7.668 7.37-20.845q0-5.061-1.303-9.677a31 31 0 0 0-3.908-8.598q-2.606-3.984-7.22-6.328q-4.616-2.345-10.646-2.345q-4.914 0-8.896 1.563t-6.588 4.206t-4.355 6.142a29.7 29.7 0 0 0-2.531 7.258a38 38 0 0 0-.782 7.78q0 4.02.782 7.779a29.7 29.7 0 0 0 2.53 7.258q1.75 3.499 4.356 6.141t6.588 4.206t8.896 1.564q3.722 0 7.22-.968zm-11.39-16.08q-3.053 0-5.36-1.451a9.94 9.94 0 0 1-3.573-3.871a20.6 20.6 0 0 1-1.861-5.1a25.7 25.7 0 0 1-.596-5.583q0-3.87.968-7.332q.967-3.462 3.685-6.105q2.717-2.642 6.737-2.642t6.7 2.568t3.647 6.03q.969 3.462.968 7.481q0 6.551-2.382 10.571l-4.169-6.253l-8.412 5.434l4.243 6.18h-.372zm39.42 10.944q6.848 0 10.422-4.392v3.498h10.794v-38.04h-10.794v19.95q0 4.393-1.6 6.477q-1.602 2.085-5.026 2.085t-4.764-2.085t-1.34-6.625V38.008h-10.794v24.715q0 3.87 1.228 6.774t3.238 4.467t4.169 2.27q2.16.708 4.467.708m42.993 0q9.081 0 14.814-6.923l-6.253-6.254q-3.35 4.02-8.561 4.02q-3.201 0-5.286-1.75q-2.085-1.748-2.233-5.322h24.343q.297-1.935.298-5.583q0-8.784-4.765-13.4t-12.357-4.615q-8.338 0-13.214 5.36q-4.875 5.36-4.876 14.516q0 9.38 4.839 14.665q4.84 5.286 13.25 5.286m6.774-24.343h-14.219q.373-2.977 2.234-4.653t4.764-1.675q6.402 0 7.221 6.328m24.457 23.45V55.427q0-7.891 6.55-7.891q3.649 0 6.775 2.605l1.415-9.826q-3.053-3.201-7.52-3.201q-2.604 0-4.54 1.414t-2.68 2.903v-3.424h-10.795v38.04zM491.75 90.49L512 38.008h-11.092l-7.668 20.323q-.82 2.233-1.19 3.573q-.373-1.34-1.192-3.573l-7.742-20.323H471.95l14.367 37.594l-5.732 14.888z"/></svg>Cara memakai ikon React Query
React
import { Icon } from "@iconify/react";
<Icon icon="logos:react-query" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:react-query" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:react-query" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--react-query]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:react-query"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:react-query"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/logos/react-query.svg" alt="Ikon React Query" width="24" height="24">Ikon terkait di SVG Logos
Ikon React Query di set ikon lain
FAQ Ikon React Query
Apakah ikon React Query gratis untuk penggunaan komersial?
Ya. SVG Logos icons dirilis di bawah lisensi CC0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon React Query di React?
Pasang @iconify/react lalu render <Icon icon="logos:react-query" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon React Query ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/logos/react-query.svg" alt="Ikon React Query">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.