Face Dislike icon
vs:face-dislike
The Face Dislike icon (vs:face-dislike) is a free SVG icon from the Vesper Icons set by TableCheck. It is drawn on a 1664 × 1664 grid. Vesper 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
- Vesper Icons
- Author
- TableCheck
- License
- OFL-1.1
- Size
- 1664 × 1664
- Tags
- facedislike
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="1664" height="1664" viewBox="0 0 1664 1664"><path fill="currentColor" d="M832 0q169 0 323 66t265.5 177.5T1598 509t66 323t-66 323.5t-177.5 265.5t-265.5 177t-323 66t-323-66t-265.5-177T66 1155.5T0 832t66-323t177.5-265.5T509 66T832 0M607 1265q122-111 225-113q102 0 225 113q20 19 44.5 14.5t38.5-29.5q30-50-12-89q-148-137-296-137t-296 137q-42 40-12 89q15 25 39 29.5t44-14.5M384 704q0 53 37.5 90.5T512 832t90.5-37.5T640 704t-37.5-90.5T512 576t-90.5 37.5T384 704m768 128q53 0 90.5-37.5T1280 704t-37.5-90.5T1152 576t-90.5 37.5T1024 704t37.5 90.5T1152 832"/></svg>How to use the Face Dislike icon
React
import { Icon } from "@iconify/react";
<Icon icon="vs:face-dislike" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="vs:face-dislike" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="vs:face-dislike" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[vs--face-dislike]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/vs -->
<div class="i-vs:face-dislike"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="vs:face-dislike"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/vs/face-dislike.svg" alt="Face Dislike icon" width="24" height="24">Related icons in Vesper Icons
Face Dislike icon FAQ
Is the Face Dislike icon free for commercial use?
Yes. Vesper Icons are released under the Open Font License, which allows use in personal and commercial projects.
How do I use the Face Dislike icon in React?
Install @iconify/react and render <Icon icon="vs:face-dislike" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Face Dislike icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/vs/face-dislike.svg" alt="Face Dislike icon">, or paste the SVG code inline to style it with CSS.