Jquery icon
devicon:jquery
The Jquery icon (devicon:jquery) 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.
- Icon set
- Devicon
- Author
- konpa
- License
- MIT
- Size
- 128 × 128
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#0868ac" d="M9.625 32.181C-1.404 48.032-.031 68.657 8.394 85.501c.2.404.41.801.617 1.198l.394.759l.246.437l.439.786q.393.691.804 1.379l.459.756q.456.735.933 1.46l.398.614c.439.655.888 1.309 1.352 1.951l.039.05l.228.308q.603.83 1.232 1.639l.464.59q.56.703 1.138 1.399l.435.52a75 75 0 0 0 1.586 1.812l.033.033l.061.068a80 80 0 0 0 1.612 1.699l.517.521q.635.638 1.287 1.262l.527.5q.869.82 1.764 1.607l.028.022l.307.262q.792.686 1.603 1.353l.664.529q.662.531 1.336 1.044l.714.543q.744.548 1.499 1.075l.546.387l.15.107c.478.329.967.646 1.456.963l.63.42c.75.474 1.51.943 2.279 1.396l.63.355q.847.49 1.71.959c.312.168.632.327.946.488c.407.213.811.429 1.225.636l.283.137l.501.242q.961.46 1.94.897l.41.184a67 67 0 0 0 2.263.941l.551.217c.704.271 1.418.539 2.135.791l.268.093c.787.275 1.581.53 2.381.779l.575.172c.814.245 1.619.538 2.458.693c53.339 9.727 68.833-32.053 68.833-32.053c-13.013 16.953-36.111 21.425-57.996 16.446c-.829-.187-1.633-.446-2.442-.685l-.609-.185a73 73 0 0 1-2.352-.765l-.323-.117a72 72 0 0 1-2.074-.769l-.582-.229q-1.13-.445-2.239-.931l-.447-.198a93 93 0 0 1-1.889-.879l-.546-.262c-.491-.239-.977-.493-1.461-.743c-.324-.171-.654-.332-.975-.51a59 59 0 0 1-1.751-.982l-.591-.33a81 81 0 0 1-2.28-1.397l-.615-.41a59 59 0 0 1-1.623-1.079l-.522-.367a89 89 0 0 1-1.534-1.109l-.679-.514a65 65 0 0 1-1.384-1.082l-.617-.495a83 83 0 0 1-1.724-1.453l-.189-.159a84 84 0 0 1-1.812-1.647l-.511-.491c-.441-.42-.875-.843-1.302-1.277l-.51-.509a71 71 0 0 1-1.598-1.69l-.079-.084a67 67 0 0 1-1.621-1.844l-.424-.504a71 71 0 0 1-1.167-1.442l-.427-.532a78 78 0 0 1-1.347-1.794c-12.15-16.574-16.516-39.432-6.805-58.204m25.629-2.434c-7.977 11.478-7.543 26.844-1.321 38.983a51 51 0 0 0 3.528 5.889c1.195 1.713 2.52 3.751 4.106 5.127a48 48 0 0 0 1.79 1.858l.472.465a52 52 0 0 0 1.828 1.698l.074.064l.018.018a55 55 0 0 0 2.135 1.767l.485.378a54 54 0 0 0 2.233 1.631l.065.049c.336.232.678.448 1.019.672l.483.319q.816.525 1.655 1.015l.235.136q.726.418 1.463.818l.521.271c.339.177.678.358 1.023.53l.155.07c.703.346 1.412.68 2.136.995l.472.194c.579.246 1.164.486 1.75.71l.75.275c.533.198 1.068.378 1.607.559l.727.233c.767.238 1.525.539 2.324.672c41.183 6.823 50.691-24.886 50.691-24.886c-8.57 12.343-25.168 18.233-42.879 13.635a50 50 0 0 1-2.333-.674l-.701-.227a45 45 0 0 1-1.631-.562l-.736-.274a56 56 0 0 1-1.756-.708l-.473-.2a48 48 0 0 1-2.148-.999c-.363-.177-.72-.364-1.078-.548l-.622-.32a45 45 0 0 1-1.363-.77l-.326-.185a48 48 0 0 1-1.651-1.008l-.498-.332a62 62 0 0 1-1.069-.707a58 58 0 0 1-2.226-1.628l-.501-.395c-7.752-6.12-13.898-14.486-16.819-23.971c-3.062-9.836-2.402-20.878 2.903-29.84m22.278-.775c-4.702 6.92-5.164 15.514-1.901 23.156c3.441 8.113 10.491 14.476 18.72 17.495c.339.125.679.237 1.022.354l.451.143c.485.152.966.329 1.467.424c22.74 4.394 28.908-11.669 30.549-14.034c-5.402 7.779-14.482 9.646-25.623 6.942c-.88-.213-1.847-.531-2.695-.832a33 33 0 0 1-3.201-1.329a33 33 0 0 1-5.612-3.424c-9.969-7.565-16.162-21.994-9.657-33.745"/></svg>
How to use the Jquery icon
React
import { Icon } from "@iconify/react";
<Icon icon="devicon:jquery" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="devicon:jquery" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="devicon:jquery" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[devicon--jquery]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/devicon -->
<div class="i-devicon:jquery"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="devicon:jquery"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/devicon/jquery.svg" alt="Jquery icon" width="24" height="24">
Jquery icon in other icon sets
Jquery icon FAQ
Is the Jquery 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 Jquery icon in React?
Install @iconify/react and render <Icon icon="devicon:jquery" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Jquery icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/devicon/jquery.svg" alt="Jquery icon">, or paste the SVG code inline to style it with CSS.
Browse all Devicon icons →
ICONYZ
