Ninja icon
vs:ninja
The Ninja icon (vs:ninja) is a free SVG icon from the Vesper Icons set by TableCheck. It is drawn on a 1792 × 1536 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
- 1792 × 1536
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="1792" height="1536" viewBox="0 0 1792 1536"><path fill="currentColor" d="M320 512h896q96 0 142 86t40 229q-2 48-25.5 87.5t-57 61.5t-67 33.5t-61.5 11.5q-70 0-127.5-13T966 976.5T899.5 940T836 909t-68-13q-42 0-85 19.5t-78 43t-102.5 43T349 1021q-28 0-61.5-11.5T220 976t-57.5-61.5T137 827q-5-144 41-229.5T320 512m448 1024q156 0 298-61t245-163.5t163.5-245T1535 768q0-118-33-225l205 163l85-194l-313-34q-1-2-2-5t-2-5.5t-2-4.5l302-125l-127-173l-192 263q-95-193-280-310.5T768 0Q559 0 382.5 103T103 382.5T0 768t103 385.5T382.5 1433T768 1536M308 562l-52 142l125-3q-28 33-28 84q0 44 30.5 77.5T448 896q35 0 62.5-33t27.5-78q0-25-7-43l131 28l25-61zm920 0L849 709l25 61l131-28q-7 18-7 43q0 45 27.5 78t62.5 33q34 0 64.5-33.5T1183 785q0-51-28-84l125 3z"/></svg>
How to use the Ninja icon
React
import { Icon } from "@iconify/react";
<Icon icon="vs:ninja" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="vs:ninja" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="vs:ninja" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[vs--ninja]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/vs -->
<div class="i-vs:ninja"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="vs:ninja"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/vs/ninja.svg" alt="Ninja icon" width="24" height="24">
Ninja icon in other icon sets
Ninja icon FAQ
Is the Ninja 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 Ninja icon in React?
Install @iconify/react and render <Icon icon="vs:ninja" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Ninja icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/vs/ninja.svg" alt="Ninja icon">, or paste the SVG code inline to style it with CSS.
Browse all Vesper Icons →
ICONYZ
