ICONYZ
Bahasa Indonesia
Ikon Hugo dari Devicon Plain

Ikon Hugo

devicon-plain:hugo

Ikon Hugo (devicon-plain:hugo) adalah ikon SVG gratis dari set Devicon Plain karya konpa. Ikon ini digambar pada grid 128 × 128. Devicon Plain icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon
Devicon Plain
Pembuat
konpa
Lisensi
MIT
Ukuran
128 × 128
Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="currentColor" d="M110 26.1L73.3 4.8c-6.6-3.8-14.7-3.7-21.2.3L19.2 25.4c-6.5 4.1-10.4 11-10.4 18.7v41.4c0 7.6 4.1 14.7 10.7 18.5L53 123.3c3.1 1.8 6.5 2.7 10 2.7c3.4 0 6.8-.9 9.8-2.6l36.4-20.5c6.2-3.5 10-10.1 10-17.2V42c0-6.5-3.5-12.6-9.2-15.9M52.5 67.9v29H38.6V30.5h13.9v24.2h23V30.5h13.9v66.4H75.5v-29z"/></svg>

Cara memakai ikon Hugo

React

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

<Icon icon="devicon-plain:hugo" width="24" />

Vue

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

<template>
  <Icon icon="devicon-plain:hugo" width="24" />
</template>

Svelte

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

<Icon icon="devicon-plain:hugo" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[devicon-plain--hugo]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/devicon-plain -->
<div class="i-devicon-plain:hugo"></div>

Web component

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

<iconify-icon icon="devicon-plain:hugo"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/devicon-plain/hugo.svg" alt="Ikon Hugo" width="24" height="24">

Ikon terkait di Devicon Plain

Ikon Hugo di set ikon lain

FAQ Ikon Hugo

Apakah ikon Hugo gratis untuk penggunaan komersial?

Ya. Devicon Plain icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Hugo di React?

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

Bagaimana cara menambahkan ikon Hugo ke halaman web?

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

Lihat semua Ikon Devicon Plain →