Shiro icon

arcticons:shiro

The Shiro icon (arcticons:shiro) is a free SVG icon from the Arcticons set by Donnnno. It is drawn on a 48 × 48 grid. Arcticons are released under the CC BY-SA 4.0 license, which allows use in personal and commercial projects as long as you credit the author and share changes to the icons under the same license. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Arcticons
Author: Donnnno
License: CC-BY-SA-4.0
Size: 48 × 48

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M14.631 21.098c-1.402 3.347-.506 8.628-.223 9.785a16.5 16.5 0 0 0 2.9 5.642a69 69 0 0 1-.669-6.949a44 44 0 0 1 .414-4.398s1.12 4.035 1.913 5.96a18.6 18.6 0 0 0 2.167 4.271a14.2 14.2 0 0 0 3.665 3.347a30.4 30.4 0 0 0 5.196 2.137s3.904.044 5.841-.156a35 35 0 0 0 5.86-1.059a36 36 0 0 0 3.371-1.298s.145-4.43-.028-6.636a33 33 0 0 0-.988-6.438a52 52 0 0 0-2.614-6.216m-22.07-6.462s3.448-2.878 5.178-4.151a6.1 6.1 0 0 1 2.39-1.339a3.66 3.66 0 0 1 1.785.255a11.3 11.3 0 0 1 2.199 1.211c.282.187 1.402 1.211 1.402 1.211M14.631 21.098a20 20 0 0 0-4.621 5.196a19.2 19.2 0 0 0-1.785 3.665a16 16 0 0 0-.701 3.187c-.179 1.379-.172 4.167-.172 4.167s-1.062-1.255-1.543-1.92a27.5 27.5 0 0 1-2.2-3.409a22 22 0 0 1-.838-2.093a50 50 0 0 1 2.809-6.657a17.8 17.8 0 0 1 3.506-4.399"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M7.524 12.365a7.93 7.93 0 0 1 1.721-4.27a6.2 6.2 0 0 0 2.996 2.39c.759.265 1.548.436 2.327.637c1.44.372 3.078.256 4.334 1.052a4.7 4.7 0 0 1 1.004 1.243a26 26 0 0 0-3.943 1.147a22.4 22.4 0 0 0-4.147 1.993a27 27 0 0 0-2.73 2.278s-1.724-4.257-1.562-6.47m18.04 1.18a9.75 9.75 0 0 1 8.095-3.762c1.75 0 4.52.565 6.79.766a13 13 0 0 0 1.975.127a21 21 0 0 0 2.805-.542a10 10 0 0 1-.223.988c-.166.507-.468.961-.638 1.466a25.6 25.6 0 0 1-2.581 5.833a23.6 23.6 0 0 1-2.869 3.06a20 20 0 0 0-1.848-2.486a18.4 18.4 0 0 0-3.251-2.423a20.4 20.4 0 0 0-3.665-1.944a35 35 0 0 0-4.59-1.084"/></svg>

How to use the Shiro icon

React

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

<Icon icon="arcticons:shiro" width="24" />

Vue

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

<template>
  <Icon icon="arcticons:shiro" width="24" />
</template>

Svelte

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

<Icon icon="arcticons:shiro" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--shiro]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/arcticons -->
<div class="i-arcticons:shiro"></div>

Web component

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

<iconify-icon icon="arcticons:shiro"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/arcticons/shiro.svg" alt="Shiro icon" width="24" height="24">

Shiro icon FAQ

Is the Shiro icon free for commercial use?

Yes. Arcticons are released under the CC BY-SA 4.0 license, which allows use in personal and commercial projects as long as you credit the author and share changes to the icons under the same license.

How do I use the Shiro icon in React?

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

How do I add the Shiro icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/arcticons/shiro.svg" alt="Shiro icon">, or paste the SVG code inline to style it with CSS.

Browse all Arcticons →