React Query icon

logos:react-query

The React Query icon (logos:react-query) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 512 × 100 grid. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: SVG Logos
Author: Gil Barbara
License: CC0-1.0
Size: 512 × 100
Tags: reactquery

Download SVG

SVG code

<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>

How to use the React Query icon

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>

HTML image

<img src="https://iconyz.com/api/public/svg/logos/react-query.svg" alt="React Query icon" width="24" height="24">

Related icons in SVG Logos

React Query icon in other icon sets

React Query icon FAQ

Is the React Query icon free for commercial use?

Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.

How do I use the React Query icon in React?

Install @iconify/react and render <Icon icon="logos:react-query" />, or use “Copy code” on this page to get a standalone React component.

How do I add the React Query icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/react-query.svg" alt="React Query icon">, or paste the SVG code inline to style it with CSS.

Browse all SVG Logos icons →