Htop icon

simple-icons:htop

The Htop icon (simple-icons:htop) is a free SVG icon from the Simple Icons set by Simple Icons Collaborators. It is drawn on a 24 × 24 grid. Simple Icons are released under the CC0 1.0 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: Simple Icons
Author: Simple Icons Collaborators
License: CC0-1.0
Size: 24 × 24

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M6.928 16.738v7.233h1.414v-7.233zm10.912 0v7.233h1.414v-7.233zm2.179 0v7.233h1.414v-7.233zm-4.366 0v7.233h1.414v-7.233zm-13.089 0v7.233h1.415v-7.233zm2.183 0v7.233h1.414v-7.233zM24 16.771l-.02 7.178l-2.16-.008v-1.257h.827v-4.745h-.814V16.76zm-24-.009l.02 7.178l2.16-.008v-1.257h-.827v-4.744h.814v-1.18zm6.928-8.356v7.233h1.414V8.406zm2.182 0v7.233h1.414V8.406zm2.181 0v7.233h1.414V8.406zm4.362 0v7.233h1.414V8.406zm2.187 0v7.233h1.414V8.406zm2.179 0v7.233h1.414V8.406zm-17.455 0v7.233h1.415V8.406zm2.183 0v7.233h1.414V8.406zm8.726 0v7.233h1.415V8.406zM24 8.433l-.02 7.178l-2.16-.008v-1.257h.827V9.601h-.814V8.422zM0 8.43l.02 7.178l2.16-.008v-1.257h-.827V9.599h.814v-1.18zM6.928.029v7.233h1.414V.029zm8.725 0v7.233h1.414V.029zm4.366 0v7.233h1.414V.029zm-2.179 0v7.233h1.414V.029zm-15.276 0v7.233h1.415V.029zm2.183 0v7.233h1.414V.029zM24 .055l-.02 7.178l-2.16-.009V5.967h.827V1.223h-.814V.044zM0 .052L.02 7.23l2.16-.008V5.965h-.827V1.221h.814V.041z"/></svg>

How to use the Htop icon

React

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

<Icon icon="simple-icons:htop" width="24" />

Vue

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

<template>
  <Icon icon="simple-icons:htop" width="24" />
</template>

Svelte

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

<Icon icon="simple-icons:htop" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-icons--htop]"></span>

UnoCSS

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

Web component

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

<iconify-icon icon="simple-icons:htop"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/simple-icons/htop.svg" alt="Htop icon" width="24" height="24">

Htop icon in other icon sets

Htop icon FAQ

Is the Htop icon free for commercial use?

Yes. Simple Icons are released under the CC0 1.0 license, which allows use in personal and commercial projects.

How do I use the Htop icon in React?

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

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

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

Browse all Simple Icons →