Spock icon
whh:spock
The Spock icon (whh:spock) is a free SVG icon from the WebHostingHub Glyphs set by WebHostingHub. It is drawn on a 769 × 1025 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
- 769 × 1025
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="769" height="1025" viewBox="0 0 769 1025"><path fill="currentColor" d="m765 213l-60 491q-6 54-18 106.5T662 900t-25 66t-20 44t-8 14H257q-5-5-13.5-14t-31-34.5t-39-48.5t-30.5-50t-14-45q0-38-27.5-122T46 561l-27-65Q0 477 0 449.5t19-47T65 383t46 20q0 2 1.5 6t5 15.5t7.5 23t9.5 27t11 29t12 27.5t12.5 23.5t12 15.5t11 6l-64-437q-4-26 10.5-48T178 65q17-1 34.5 0t31 17t13.5 46V64q0-27 19-45.5T321.5 0t45 18.5T385 64l64 384q7-2 15-10.5t11-21.5l50-297q4-27 23.5-42.5t44-11.5T631 91t10 48v53q23-64 64-64q37 0 53.5 28.5T765 213"/></svg>How to use the Spock icon
React
import { Icon } from "@iconify/react";
<Icon icon="whh:spock" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:spock" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:spock" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--spock]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:spock"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:spock"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/whh/spock.svg" alt="Spock icon" width="24" height="24">Spock icon FAQ
Is the Spock 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 Spock icon in React?
Install @iconify/react and render <Icon icon="whh:spock" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Spock icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/whh/spock.svg" alt="Spock icon">, or paste the SVG code inline to style it with CSS.