Jaguar icon
cbi:jaguar
The Jaguar icon (cbi:jaguar) is a free SVG icon from the Custom Brand Icons set by Emanuele & rchiileea. It is drawn on a 24 × 24 grid. Custom Brand Icons use the CC BY-NC-SA 4.0 license, which does not allow commercial use without separate permission from the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Custom Brand Icons
- Author
- Emanuele & rchiileea
- License
- CC-BY-NC-SA-4.0
- Size
- 24 × 24
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m21.937 12.196l-.166-.053l-.455.018a1.9 1.9 0 0 1-.715-.225l-.531-.372a17 17 0 0 0-1.89-1.151l-1.211-.6a42 42 0 0 0-2.499-1.105l-2.658-1.055a3.7 3.7 0 0 0-1.105-.266l-.981-.017a5.5 5.5 0 0 0-1.511.164l-.426.124c-.2.059-.283.113-.277.154l.047.035l.52-.147l.165-.018l.166.029l.159.018a.3.3 0 0 0 .219-.118q.105-.132.431-.112l.219.023l-.4.124l-.319.278a.64.64 0 0 1-.289-.053L8.182 7.8l-.154.083l.136.13a.52.52 0 0 1 .082.3a.57.57 0 0 0-.431-.213l-.289.024l-.166-.071l-.283.248l-.018.053l.087-.02l.171-.1l-.171.177l-.042.107q-.008.204.124.212h.071a.4.4 0 0 1 .491-.425a.46.46 0 0 1 .336.16a.47.47 0 0 1 .1.348a.36.36 0 0 1-.272.349l-.041.024l.036.048l.124-.018a.97.97 0 0 0 .615-.526l.354-.65l.992.373a2.4 2.4 0 0 0 .62-.4a2 2 0 0 1-.266.449l-.295.248l-.899-.343l-.154.308l.885.336l.219.119l.207.183l.3.011c-.2-.236-.29-.4-.284-.484a.7.7 0 0 1 .172-.3l.319-.42l-.178.715a2.5 2.5 0 0 0 .318.499l.779.142l.284.124l-.673-.041l-1.1.023l-.579.142l-.236.419l.199.39l.278.036l.266-.319l-.13-.213l.656-.053l1.134.154h.437l.29-.467l-.505-1.055l-.042-.177c0-.2.089-.284.266-.278a.3.3 0 0 1 .242.059q-.265-.002-.265.183a.2.2 0 0 0 .023.1l.576 1.082a2.8 2.8 0 0 0 .739.142a5 5 0 0 0 .827-.006a1.25 1.25 0 0 1-.55.16l-.715.035l-.372-.053l-.183.3l.8.119a11 11 0 0 0 1.115-.012l.709-.042c.071.006.2.1.378.29l.816.891a1.5 1.5 0 0 0 .413.337a1.5 1.5 0 0 0 .6.148l1.761.094l.908.821l.544.042l.189-.184l-.289-.313l-.284-.029a.6.6 0 0 1-.26-.13l-.808-.739l-.615-.047a.45.45 0 0 1-.372-.195l-.437-.537l-.579-.531a4.1 4.1 0 0 1 1.353 1.015l.609.041a.65.65 0 0 1 .359.189l.715.633a.8.8 0 0 0 .384.082l.189.113l.284.325l.638-.03q.22-.008.236-.2ZM9.32 14.553v.768l-.455.089a.87.87 0 0 1-.721-.355a1.5 1.5 0 0 1-.266-.939a1.46 1.46 0 0 1 .313-.983a1.1 1.1 0 0 1 .863-.354a1.27 1.27 0 0 1 .874.348v-.6a3.1 3.1 0 0 0-.999-.165a1.85 1.85 0 0 0-1.312.49a1.64 1.64 0 0 0-.514 1.247a1.63 1.63 0 0 0 .49 1.259a1.85 1.85 0 0 0 1.306.46a2.1 2.1 0 0 0 1.104-.265v-1.39h-.855a.66.66 0 0 1 .172.39m-6.558-1.796v2.322a2.3 2.3 0 0 1-.142.885a1.66 1.66 0 0 1-.62.668h.78a2.32 2.32 0 0 0 .679-1.843v-2.351h-.821a.47.47 0 0 1 .124.319m3.999 2.582L5.58 12.426h-.438L4.021 15.25a1 1 0 0 1-.355.479h.921a.26.26 0 0 1-.129-.2l.041-.16l.171-.484h1.17l.2.573a.205.205 0 0 1-.089.272h1.088a.8.8 0 0 1-.278-.391m-1.95-.839l.45-1.105l.413 1.105Zm14.545.922l-.685-1.271a.9.9 0 0 0 .626-.85q.001-.862-1.229-.863h-1.134a.46.46 0 0 1 .124.319v2.976h.839a.53.53 0 0 1-.124-.378v-2.522l.261-.018a.478.478 0 0 1 .514.532a.627.627 0 0 1-.662.7l.709 1.471a.33.33 0 0 0 .307.219h.732a.9.9 0 0 1-.278-.315m-5.901-2.984h-.91a.54.54 0 0 1 .213.5v1.666q-.002.738-.668.739a.646.646 0 0 1-.733-.733v-2.172h-.868a.42.42 0 0 1 .147.354v1.666a1.205 1.205 0 0 0 1.383 1.342a1.2 1.2 0 0 0 .892-.325a1.24 1.24 0 0 0 .325-.922V12.94a.55.55 0 0 1 .219-.502m2.965 2.901l-1.176-2.913h-.447l-1.122 2.824a1 1 0 0 1-.354.479h.933a.26.26 0 0 1-.13-.2l.036-.16l.165-.484h1.172l.207.573a.216.216 0 0 1-.089.272h1.087a.75.75 0 0 1-.282-.391m-1.943-.839l.436-1.105l.425 1.105Z"/></svg>How to use the Jaguar icon
React
import { Icon } from "@iconify/react";
<Icon icon="cbi:jaguar" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cbi:jaguar" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cbi:jaguar" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--jaguar]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:jaguar"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cbi:jaguar"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/cbi/jaguar.svg" alt="Jaguar icon" width="24" height="24">Jaguar icon in other icon sets
Jaguar icon FAQ
Is the Jaguar icon free for commercial use?
No. Custom Brand Icons use the CC BY-NC-SA 4.0 license, which does not allow commercial use without separate permission from the author.
How do I use the Jaguar icon in React?
Install @iconify/react and render <Icon icon="cbi:jaguar" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Jaguar icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/cbi/jaguar.svg" alt="Jaguar icon">, or paste the SVG code inline to style it with CSS.