Ram icon
whh:ram
The Ram icon (whh:ram) is a free SVG icon from the WebHostingHub Glyphs set by WebHostingHub. It is drawn on a 960 × 1024 grid. WebHostingHub Glyphs icons are released under the Open Font 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
- WebHostingHub Glyphs
- Author
- WebHostingHub
- License
- OFL-1.1
- Size
- 960 × 1024
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="960" height="1024" viewBox="0 0 960 1024"><path fill="currentColor" d="M832 768H128q-53 0-90.5-37.5T0 640V384q0-53 37.5-90.5T128 256h704q53 0 90.5 37.5T960 384v256q0 53-37.5 90.5T832 768M256 416q0-13-9.5-22.5T224 384H96q-13 0-22.5 9.5T64 416v192q0 13 9.5 22.5T96 640t22.5-9.5T128 608v-32h64v32q0 13 9.5 22.5T224 640t22.5-9.5T256 608v-32h-32q-13 0-22.5-9.5T192 544t9.5-22.5T224 512h32zm256 0q0-13-9.5-22.5T480 384H352q-13 0-22.5 9.5T320 416v192q0 13 9.5 22.5T352 640t22.5-9.5T384 608v-32h64v32q0 13 9.5 22.5T480 640t22.5-9.5T512 608zm384 0q0-13-9.5-22.5T864 384H608q-13 0-22.5 9.5T576 416v192q0 13 9.5 22.5T608 640t22.5-9.5T640 608V448h64v160q0 13 9.5 22.5T736 640t22.5-9.5T768 608V448h64v160q0 13 9.5 22.5T864 640t22.5-9.5T896 608zm-512 32h64v64h-64zm-256 0h64v64h-64zM768 32q0-13 9.5-22.5T800 0t22.5 9.5T832 32v160h-64zm-128 0q0-13 9.5-22.5T672 0t22.5 9.5T704 32v160h-64zm-128 0q0-13 9.5-22.5T544 0t22.5 9.5T576 32v160h-64zm-128 0q0-13 9.5-22.5T416 0t22.5 9.5T448 32v160h-64zm-128 0q0-13 9.5-22.5T288 0t22.5 9.5T320 32v160h-64zm-128 0q0-13 9.5-22.5T160 0t22.5 9.5T192 32v160h-64zm64 960q0 13-9.5 22.5T160 1024t-22.5-9.5T128 992V832h64zm128 0q0 13-9.5 22.5T288 1024t-22.5-9.5T256 992V832h64zm128 0q0 13-9.5 22.5T416 1024t-22.5-9.5T384 992V832h64zm128 0q0 13-9.5 22.5T544 1024t-22.5-9.5T512 992V832h64zm128 0q0 13-9.5 22.5T672 1024t-22.5-9.5T640 992V832h64zm128 0q0 13-9.5 22.5T800 1024t-22.5-9.5T768 992V832h64z"/></svg>
How to use the Ram icon
React
import { Icon } from "@iconify/react";
<Icon icon="whh:ram" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:ram" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:ram" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--ram]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:ram"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:ram"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/whh/ram.svg" alt="Ram icon" width="24" height="24">
Ram icon in other icon sets
Ram icon FAQ
Is the Ram icon free for commercial use?
Yes. WebHostingHub Glyphs icons are released under the Open Font License, which allows use in personal and commercial projects.
How do I use the Ram icon in React?
Install @iconify/react and render <Icon icon="whh:ram" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Ram icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/whh/ram.svg" alt="Ram icon">, or paste the SVG code inline to style it with CSS.
Browse all WebHostingHub Glyphs icons →
ICONYZ
