Photosphere icon
whh:photosphere
The Photosphere icon (whh:photosphere) is a free SVG icon from the WebHostingHub Glyphs set by WebHostingHub. It is drawn on a 1024 × 896 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 × 896
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="896" viewBox="0 0 1024 896"><path fill="currentColor" d="M875 710q-62 86-157.5 136T512 896t-205.5-50T149 710Q0 636 0 448t149-262q62-86 157.5-136T512 0t205.5 50T875 186q149 74 149 262T875 710M512 192q-88 0-154 7t-123.5 24.5t-93.5 46T84.5 343T64 448q0 88 41.5 142T229 671l141-141q18-19 46.5-19t46.5 19l97 97l162-161q18-19 46.5-19t46.5 19l112 112q33-52 33-130q0-60-20.5-105T883 269.5t-93.5-46T666 199t-154-7M256 512q-40 0-68-28t-28-68t28-68t68-28t68 28t28 68t-28 68t-68 28"/></svg>How to use the Photosphere icon
React
import { Icon } from "@iconify/react";
<Icon icon="whh:photosphere" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:photosphere" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:photosphere" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--photosphere]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:photosphere"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:photosphere"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/whh/photosphere.svg" alt="Photosphere icon" width="24" height="24">Photosphere icon FAQ
Is the Photosphere 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 Photosphere icon in React?
Install @iconify/react and render <Icon icon="whh:photosphere" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Photosphere icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/whh/photosphere.svg" alt="Photosphere icon">, or paste the SVG code inline to style it with CSS.