Panther icon
vs:panther
The Panther icon (vs:panther) is a free SVG icon from the Vesper Icons set by TableCheck. It is drawn on a 2016 × 1984 grid. Vesper Icons are released under the Open Font 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
- Vesper Icons
- Author
- TableCheck
- License
- OFL-1.1
- Size
- 2016 × 1984
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="2016" height="1984" viewBox="0 0 2016 1984"><path fill="currentColor" d="M0 1332V232q506-12 736 6q28-43 60-77t84-69.5t130-55T1185 17q-12 229 24 299q44 14 89.5 38.5t78 46.5t78 62t67 60.5T1589 589q49 37 162 222t181 333l68 88l-58 104l-29 93q-52 90-109.5 133.5T1649 1606q38-64 20.5-119.5t-74-92T1471 1357q-65-1-118 41t-47 103t86 104t153 38l-106 53l114 18q-385 153-483 262l51-185q-76-223-235-422t-342-305q-64 16-277.5 119T0 1332M1079 328q-16-136-9-202q-186 62-207 163q108 13 216 39m166 386l167 217l177-25q-59-63-86-89.5t-68-53t-82-35.5t-108-14"/></svg>How to use the Panther icon
React
import { Icon } from "@iconify/react";
<Icon icon="vs:panther" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="vs:panther" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="vs:panther" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[vs--panther]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/vs -->
<div class="i-vs:panther"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="vs:panther"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/vs/panther.svg" alt="Panther icon" width="24" height="24">Panther icon FAQ
Is the Panther icon free for commercial use?
Yes. Vesper Icons are released under the Open Font License, which allows use in personal and commercial projects.
How do I use the Panther icon in React?
Install @iconify/react and render <Icon icon="vs:panther" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Panther icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/vs/panther.svg" alt="Panther icon">, or paste the SVG code inline to style it with CSS.