Shell icon
whh:shell
The Shell icon (whh:shell) is a free SVG icon from the WebHostingHub Glyphs set by WebHostingHub. It is drawn on a 1024 × 833 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
- 1024 × 833
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="833" viewBox="0 0 1024 833"><path fill="currentColor" d="M992 541Q793 674 617 778q-39 55-105 55q-54 0-92-39q-46-26-113-68.5T189.5 649t-103-69.5T32 542q-21-14-28-51t-1.5-76T21 350q14-29 45.5-56t61.5-34q-3-42 25-93.5T214 92t82.5-26.5T378 87q16-36 57.5-61.5T512 0t76.5 26T646 87q32-25 81.5-22T811 92q33 23 61 74t25 93q30 8 61 34.5t45 55.5q13 27 18.5 65.5t-1.5 76t-28 50.5m-681-83q-66-65-119-105t-62.5-30.5T160 385t105 119q39 38 78 72q15-23 35-46q-31-35-67-72m79.5-265.5Q378 196 386 264t32 161q6 27 15 56q30-21 56-28q-6-27-11-45q-23-93-49-156t-38.5-59.5m243 0Q621 189 595 252t-49 156q-5 18-11 45q26 7 56 28q9-29 15-56q24-93 32-161t-4.5-71.5m261 130Q885 313 832 353T714 458q-36 36-68 72q20 23 35 46q39-33 78-73q65-65 105-118t30.5-62.5M128 769q-27 0-45.5-19T64 705v-78q120 79 226 142zm832-64q0 26-18.5 45T896 769H734q108-65 226-142z"/></svg>
How to use the Shell icon
React
import { Icon } from "@iconify/react";
<Icon icon="whh:shell" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:shell" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:shell" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--shell]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:shell"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:shell"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/whh/shell.svg" alt="Shell icon" width="24" height="24">
Shell icon in other icon sets
Shell icon FAQ
Is the Shell 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 Shell icon in React?
Install @iconify/react and render <Icon icon="whh:shell" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Shell icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/whh/shell.svg" alt="Shell icon">, or paste the SVG code inline to style it with CSS.
Browse all WebHostingHub Glyphs icons →
ICONYZ
