Shaver icon
icon-park:shaver
The Shaver icon (icon-park:shaver) is a free SVG icon from the IconPark set by ByteDance. It is drawn on a 48 × 48 grid. IconPark icons are released under the Apache 2.0 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
- IconPark
- Author
- ByteDance
- License
- Apache-2.0
- Size
- 48 × 48
- Category
- Hardware
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke-width="4"><path fill="#2F88FF" stroke="#000" d="M20.7847 18.7299C21.0654 18.4492 21.5205 18.4492 21.8012 18.7299L29.27 26.1987C29.5507 26.4794 29.5507 26.9345 29.27 27.2152L17.7574 38.7278C15.4143 41.0709 11.6153 41.0709 9.27215 38.7278C6.92901 36.3846 6.92901 32.5856 9.27215 30.2425L20.7847 18.7299Z"/><path stroke="#000" d="M42.5813 22.389C42.9302 22.04 42.9302 21.4742 42.5813 21.1252L26.8745 5.4184C26.5255 5.06942 25.9597 5.06942 25.6107 5.4184L24.8284 6.20073C20.1421 10.887 20.1421 18.485 24.8284 23.1713V23.1713C29.5146 27.8576 37.1126 27.8576 41.7989 23.1713L42.5813 22.389Z"/><path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" d="M19.8787 28.1211L18.4644 29.5353"/><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" d="M27.657 17.5146L30.4854 20.3431"/></g></svg>How to use the Shaver icon
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:shaver" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:shaver" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:shaver" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--shaver]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:shaver"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:shaver"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/icon-park/shaver.svg" alt="Shaver icon" width="24" height="24">Related icons in IconPark
Shaver icon in other icon sets
Shaver icon FAQ
Is the Shaver icon free for commercial use?
Yes. IconPark icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.
How do I use the Shaver icon in React?
Install @iconify/react and render <Icon icon="icon-park:shaver" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Shaver icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/icon-park/shaver.svg" alt="Shaver icon">, or paste the SVG code inline to style it with CSS.