ICONYZ
Bahasa Indonesia
Ikon S dari WebHostingHub Glyphs

Ikon S

whh:s

Ikon S (whh:s) adalah ikon SVG gratis dari set WebHostingHub Glyphs karya WebHostingHub. Ikon ini digambar pada grid 768 × 1024. WebHostingHub Glyphs icons dirilis di bawah Open Font License, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon
WebHostingHub Glyphs
Pembuat
WebHostingHub
Lisensi
OFL-1.1
Ukuran
768 × 1024
Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="768" height="1024" viewBox="0 0 768 1024"><path fill="currentColor" d="M704.5 320q-26.5 0-45.5-18.5T640 256q0-53-37.5-90.5T512 128H257q-53 0-90.5 37.5T129 256v64q0 53 37.5 90.5T257 448h255q106 0 181 75t75 181v64q0 106-75 181t-181 75H256q-106 0-181-75T0 768q0-26 18.5-45t45-19t45.5 19t19 45q0 53 37.5 90.5T256 896h256q53 0 90.5-37.5T640 768v-64q0-53-37.5-90.5T512 576H256q-106 0-180.5-75T1 320v-64Q1 150 76 75T257 0h255q106 0 181 75t75 181q0 27-18.5 45.5t-45 18.5"/></svg>

Cara memakai ikon S

React

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

<Icon icon="whh:s" width="24" />

Vue

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

<template>
  <Icon icon="whh:s" width="24" />
</template>

Svelte

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

<Icon icon="whh:s" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="whh:s"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/whh/s.svg" alt="Ikon S" width="24" height="24">

Ikon terkait di WebHostingHub Glyphs

Ikon S di set ikon lain

FAQ Ikon S

Apakah ikon S gratis untuk penggunaan komersial?

Ya. WebHostingHub Glyphs icons dirilis di bawah Open Font License, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon S di React?

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

Bagaimana cara menambahkan ikon S ke halaman web?

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

Lihat semua Ikon WebHostingHub Glyphs →