Ikon Shogun

logos:shogun

Ikon Shogun (logos:shogun) adalah ikon SVG gratis dari set SVG Logos karya Gil Barbara. Ikon ini digambar pada grid 512 × 178. SVG Logos icons dirilis di bawah lisensi CC0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon: SVG Logos
Pembuat: Gil Barbara
Lisensi: CC0-1.0
Ukuran: 512 × 178

Download SVG

Kode SVG

<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>

Cara memakai ikon Shogun

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>

Gambar HTML

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

FAQ Ikon Shogun

Apakah ikon Shogun gratis untuk penggunaan komersial?

Ya. SVG Logos icons dirilis di bawah lisensi CC0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Shogun di React?

Pasang @iconify/react lalu render <Icon icon="logos:shogun" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Shogun ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/logos/shogun.svg" alt="Ikon Shogun">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon SVG Logos →