Jquery Fill icon

akar-icons:jquery-fill

The Jquery Fill icon (akar-icons:jquery-fill) is a free SVG icon from the Akar Icons set by Arturo Wibawa. It is drawn on a 24 × 24 grid. Akar 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: Akar Icons
Author: Arturo Wibawa
License: MIT
Size: 24 × 24
Tags: jqueryfill

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><g fill="currentColor" clip-path="url(#SVGXv8lpc2Y)"><path d="M13.301 5.601c-.628-1.528-.54-3.247.367-4.63L14.346 0c-1.254 2.35-.06 5.236 1.86 6.749a6.3 6.3 0 0 0 1.698.95c.164.06.35.124.52.167c2.146.54 3.895.167 4.936-1.389q-.048.074-.125.22c-.464.86-1.822 3.377-5.76 2.587c-.075-.015-.147-.04-.219-.063l-.064-.022l-.046-.015l-.064-.021l-.174-.063c-1.585-.604-2.944-1.876-3.607-3.499"/><path d="M8.12 2.966c-1.537 2.295-1.453 5.368-.254 7.796a10 10 0 0 0 .762 1.301c.209.313.439.66.708.902q.167.19.345.371l.068.07l.023.023a10 10 0 0 0 .367.353l.001.001l.002.002a11 11 0 0 0 .465.397l.04.032q.21.169.43.327l.006.004l.007.005q.07.051.143.099l.053.036l.093.064q.157.105.319.203l.03.017l.015.01a12 12 0 0 0 .351.201l.031.016l.04.022q.078.043.158.084l.03.015a10 10 0 0 0 .47.224l.032.013a10 10 0 0 0 .451.186l.03.011q.154.059.31.112l.052.018l.088.029l.116.039c.109.038.218.075.332.095C22.168 17.408 24 11.068 24 11.068c-1.651 2.468-4.849 3.646-8.261 2.726a10 10 0 0 1-.45-.135q-.06-.018-.12-.04l-.015-.005a9 9 0 0 1-.314-.112l-.003-.002l-.139-.053a10 10 0 0 1-.373-.157l-.056-.025a9 9 0 0 1-.58-.287l-.042-.022l-.12-.064a10 10 0 0 1-.325-.19a10 10 0 0 1-.62-.41a11 11 0 0 1-.429-.326l-.035-.029l-.061-.05c-1.494-1.224-2.678-2.897-3.24-4.793c-.59-1.968-.463-4.176.559-5.968z"/><path d="M1.524 5.637C-.6 8.807-.336 12.932 1.287 16.3q.046.098.095.192l.024.048l.03.059a3 3 0 0 0 .08.155l.013.025l.07.13l.015.027q.075.138.155.276l.017.03a10 10 0 0 0 .251.413l.018.03l.059.093q.125.196.26.39v.001l.007.009l.024.033l.02.028q.117.165.238.328l.09.118a18 18 0 0 0 .608.746l.006.007l.005.005l.007.008a16 16 0 0 0 .658.697l.03.03l.071.07a13 13 0 0 0 .346.326l.033.03l.026.022a18 18 0 0 0 .38.33l.056.047q.128.105.258.208l.137.109q.144.11.289.215l.016.012l.09.066l.028.02q.132.095.267.184l.014.01l.12.083a16 16 0 0 0 .507.319l.054.032a15 15 0 0 0 .459.26l.053.029l.059.032l.177.095l.025.012l.03.015l.034.017l.062.032q.185.091.374.18l.047.021l.032.015a13 13 0 0 0 .953.39l.01.003l.042.016a14 14 0 0 0 .69.228c.116.039.233.077.353.1c10.277 1.946 13.262-6.41 13.262-6.41c-2.507 3.39-6.957 4.285-11.174 3.289a5 5 0 0 1-.47-.137l-.118-.037q-.228-.073-.453-.153l-.062-.023q-.201-.074-.4-.154l-.112-.046q-.218-.09-.431-.186l-.046-.02l-.04-.02a17 17 0 0 1-.364-.175l-.041-.02l-.064-.032l-.214-.113l-.068-.036l-.067-.036l-.12-.066q-.17-.095-.338-.197l-.043-.025l-.07-.04a16 16 0 0 1-.516-.332l-.043-.03a13 13 0 0 1-1.225-.929a15 15 0 0 1-.352-.307l-.016-.015a16 16 0 0 1-.448-.428a11 11 0 0 1-.25-.255l-.034-.034l-.065-.068a14 14 0 0 1-.315-.346l-.006-.006l-.002-.003q-.159-.181-.312-.368l-.082-.101a14 14 0 0 1-.307-.395q-.132-.179-.26-.359c-2.34-3.314-3.181-7.886-1.31-11.64z"/></g><defs><clipPath id="SVGXv8lpc2Y"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>

How to use the Jquery Fill icon

React

import { Icon } from "@iconify/react";

<Icon icon="akar-icons:jquery-fill" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="akar-icons:jquery-fill" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="akar-icons:jquery-fill" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[akar-icons--jquery-fill]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/akar-icons -->
<div class="i-akar-icons:jquery-fill"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="akar-icons:jquery-fill"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/akar-icons/jquery-fill.svg" alt="Jquery Fill icon" width="24" height="24">

Jquery Fill icon FAQ

Is the Jquery Fill icon free for commercial use?

Yes. Akar Icons are released under the MIT license, which allows use in personal and commercial projects.

How do I use the Jquery Fill icon in React?

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

How do I add the Jquery Fill icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/akar-icons/jquery-fill.svg" alt="Jquery Fill icon">, or paste the SVG code inline to style it with CSS.

Browse all Akar Icons →