Shogun icon

logos:shogun

The Shogun icon (logos:shogun) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 512 × 178 grid. SVG Logos icons are released under the CC0 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: SVG Logos
Author: Gil Barbara
License: CC0-1.0
Size: 512 × 178

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="178" viewBox="0 0 512 178"><path fill="#5d50c6" d="M6.508 104.151c1.132-1.78 2.596-1.947 4.216-1.132c3.083 1.62 13.305 6.324 23.361 6.324c6.65 0 10.383-2.918 10.383-6.49c0-5.191-5.68-6.81-16.55-10.056C12.016 87.927 2.12 80.63 1.96 67.323c0-13.955 10.549-24.665 31.802-24.665c12.98 0 20.932 4.221 27.744 8.275c1.786.976 2.274 2.274 1.625 3.572l-7.139 11.36c-.976 1.458-2.434 1.619-3.893.97c-4.06-2.435-11.52-5.192-18.825-5.192c-8.436 0-10.382 3.733-10.382 6.329c0 4.703 6.167 6.49 13.793 8.597c19.63 5.358 30.012 12.335 30.012 26.284c0 16.878-14.925 24.987-33.095 24.987A59.3 59.3 0 0 1 .99 118.106c-.987-.79-1.298-1.947-.65-3.385zm147.957 22.391h-16.571c-3.894 0-6.001-2.757-6.001-6.49v-41.21c0-9.25-5.519-15.74-15.414-15.74c-8.275 0-14.443 4.709-18.01 11.032v49.651c0 1.46-.814 2.435-1.946 2.596a.98.98 0 0 1-.649.161H77.538a1.97 1.97 0 0 1-1.459-.488a2.71 2.71 0 0 1-.976-2.269V17.36c0-8.275-1.62-11.359-1.62-14.603c0-1.62.81-2.757 2.596-2.757h15.087c4.87 0 7.304 2.269 7.304 7.3v49c5.68-7.143 14.276-13.632 26.933-13.632c16.55 0 29.851 10.549 29.851 30.827v37.97c.045 3.906.316 7.806.81 11.68c.488 1.776-.16 3.396-1.62 3.396zm265.165-79.99v77.394a2.435 2.435 0 0 1-2.435 2.596h-18.336a2.388 2.388 0 0 1-2.596-2.596v-9.895c-5.68 7.139-14.116 13.649-26.933 13.649c-16.55 0-29.851-10.544-29.851-30.827V58.887a71.4 71.4 0 0 0-.992-11.655c-.322-1.786.327-3.41 1.786-3.41h16.384c4.06 0 6.168 2.756 6.168 6.489v41.215c0 9.246 5.518 15.735 15.413 15.735c8.275 0 14.277-4.704 18.01-11.032V46.552a2.705 2.705 0 0 1 2.595-2.757h18.17c1.64 0 2.617 1.137 2.617 2.757m90.664 79.99h-16.55c-3.894 0-6.002-2.757-6.002-6.49v-41.21c0-9.25-5.519-15.74-15.575-15.74c-8.114 0-14.281 4.709-18.014 11.032v49.651c0 1.46-.97 2.757-2.43 2.757h-18.336c-1.62 0-2.596-1.137-2.596-2.757V46.391a2.533 2.533 0 0 1 2.435-2.596h18.497c1.62 0 2.43.976 2.43 2.596v9.9c5.68-7.143 14.282-13.633 27.1-13.633c16.384 0 29.85 10.55 29.85 30.827v37.97a74 74 0 0 0 .815 11.681c.322 1.786-.327 3.406-1.624 3.406m-252.721 13.254a4.32 4.32 0 0 0-4.2 1.038c-2.928 2.902-4.885 6.837-4.885 12.133c0 15.901 18.497 24.015 41.21 24.176c23.688.327 45.27-7.787 45.27-29.368c0-14.764-10.71-20.117-30.018-23.034l-24.825-3.572c-7.788-1.137-12.98-1.786-12.98-5.519c0-2.595 2.275-5.03 8.764-3.244c4.055 1.464 8.924 3.732 16.711 3.732c20.605.161 37.317-13.305 37.317-33.91c0-9.734-3.733-18.01-10.871-23.362c5.03-.16 9.9-.649 11.52-2.274l.633-9.713a2.315 2.315 0 0 0-2.596-2.596c-19.146 1.62-25.474-1.459-36.18-1.459c-23.688 0-39.101 15.902-38.78 36.507c.328 13.788 7.627 21.093 11.199 24.498c-8.603-.976-16.712 4.865-16.712 14.277c0 7.18 4.673 11.421 11.494 14.017a41 41 0 0 0 4.595 1.402c5.487 1.199 15.875 3.4 25.298 5.025l1.983.337h.036l10.471 1.791c6.656 1.137 8.276 4.06 8.276 7.139c0 6.977-8.925 10.06-18.17 10.06c-12.491 0-21.903-2.595-21.903-11.031v-.036a4.45 4.45 0 0 0-3.193-4.372zm34.071-77.353c9.413 0 16.873 6.655 16.873 17.038c0 9.573-6.49 16.712-16.545 16.712c-9.9 0-17.2-6.978-17.2-17.039c0-10.372 7.787-16.7 16.872-16.7zM160.82 84.709c0-25.578 19.39-42.85 43.993-42.85c24.436 0 43.826 17.272 43.826 42.85c0 25.438-19.39 42.684-43.826 42.684c-24.628.01-44.019-17.256-44.019-42.673zm66.311 0c0-13.197-9.287-22.972-22.323-22.972c-13.202 0-22.484 9.775-22.484 22.972s9.282 22.812 22.484 22.812c13.01.01 22.297-9.605 22.297-22.801zm10.232-56.405a9.303 9.303 0 0 0-3.312-18.305c-29.264 5.295-58.144.104-58.663 0a9.303 9.303 0 0 0-3.421 18.284c.867.161 14.759 2.705 33.557 2.705c10.672.05 21.327-.849 31.84-2.684"/></svg>

How to use the Shogun icon

React

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

<Icon icon="logos:shogun" width="24" />

Vue

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

<template>
  <Icon icon="logos:shogun" width="24" />
</template>

Svelte

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

<Icon icon="logos:shogun" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="logos:shogun"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/logos/shogun.svg" alt="Shogun icon" width="24" height="24">

Shogun icon FAQ

Is the Shogun icon free for commercial use?

Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.

How do I use the Shogun icon in React?

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

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

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

Browse all SVG Logos icons →