Razor icon
whh:razor
The Razor icon (whh:razor) 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="M960 651q-11-11-27-11t-27 11t-11 26.5t11 26.5l59 58l-203 203l-58-58q-11-11-26.5-11t-27 11t-11.5 26t11 26l19 19l-46 46L0 401l46-46l18 18q11 11 27 11t27-11t11-26.5t-11-26.5l-59-58L262 59l58 58q11 11 26.5 11t26.5-11t11-26.5T373 64l-18-18l46-46l623 623l-46 46zm-136 60.5q-8-7.5-19-7.5t-18 8l-20 19l-90-90l19-20q8-8 8-19t-8-18.5t-19-7.5t-18 8l-20 19l-68-68q5-11 5-23q0-26-18.5-45T512 448q-12 0-23 5l-68-68l19-20q8-7 8-18t-7.5-19t-18.5-8t-19 8l-19 19l-91-90l20-19q7-8 7-19t-7.5-19t-18.5-8t-19 8l-75 75q-8 8-8 19t8 18.5t19 7.5t19-7l19-20l90 90l-19 20q-8 8-8 19t8 18.5t19 7.5t18-8l20-19l68 68q-5 11-5 23q0 27 19 45.5t45 18.5q12 0 23-4l68 67l-19 20q-8 7-8 18t7.5 19t18.5 8t19-8l20-19l90 90l-19 20q-8 7-8 18t7.5 19t18.5 8t19-8l75-75q8-8 8-19t-8-18.5"/></svg>
How to use the Razor icon
React
import { Icon } from "@iconify/react";
<Icon icon="whh:razor" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:razor" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:razor" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--razor]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:razor"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:razor"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/whh/razor.svg" alt="Razor icon" width="24" height="24">
Razor icon in other icon sets
Razor icon FAQ
Is the Razor 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 Razor icon in React?
Install @iconify/react and render <Icon icon="whh:razor" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Razor icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/whh/razor.svg" alt="Razor icon">, or paste the SVG code inline to style it with CSS.
Browse all WebHostingHub Glyphs icons →
ICONYZ
