Raphael icon
whh:raphael
The Raphael icon (whh:raphael) is a free SVG icon from the WebHostingHub Glyphs set by WebHostingHub. It is drawn on a 1024 × 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
- 1024 × 1024
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" d="M962 662L662 962q-62 62-150 62t-150-62L62 662Q0 600 0 512t62-150L362 62Q424 0 512 0t150 62l300 300q62 62 62 150t-62 150m-187 37q-121 20-232-37T354 470q-51-87-41-193q-57 110-57 235t55 223.5T454 885q42 17 89 7.5t82-43.5zM512 128q-53 0-90.5 37.5T384 256t37.5 90.5T512 384t90.5-37.5T640 256t-37.5-90.5T512 128M175 625l36 35q-19-70-19-148q0-74 19-149l-36 37q-47 46-47 112t47 113m674-225L704 254v2q0 80-56 136t-136 56q-65 0-118-41q8 18 15 31q43 74 100.5 121.5t118 64.5t122 11T869 601q31-46 26-103.5T849 400"/></svg>How to use the Raphael icon
React
import { Icon } from "@iconify/react";
<Icon icon="whh:raphael" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:raphael" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:raphael" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--raphael]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:raphael"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:raphael"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/whh/raphael.svg" alt="Raphael icon" width="24" height="24">Raphael icon in other icon sets
Raphael icon FAQ
Is the Raphael 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 Raphael icon in React?
Install @iconify/react and render <Icon icon="whh:raphael" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Raphael icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/whh/raphael.svg" alt="Raphael icon">, or paste the SVG code inline to style it with CSS.