Dislike icon

simple-line-icons:dislike

The Dislike icon (simple-line-icons:dislike) is a free SVG icon from the Simple line icons set by Sabbir Ahmed. It is drawn on a 1024 × 1024 grid. Simple line icons are released under the MIT 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: Simple line icons
Author: Sabbir Ahmed
License: MIT
Size: 1024 × 1024

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" d="M415.44.24c290.832 0 293.089 12.066 329.104 39.187c19.104 14.368 55.151 24.335 186.831 32.912c9.568.624 18.64 4.288 24.736 11.68c2.8 3.408 68.592 99.36 68.592 253.023c0 151.44-47.088 220.48-49.103 223.696a31.99 31.99 0 0 1-27.12 15.024c-108.112 0-257.984 138-358.752 378.912c-17.424 41.664-21.008 69.055-85.024 69.055c-36.4 0-77.2-26.064-97.376-59.504c-41.311-68.32-20.336-215.057-.912-293.474c-66 .529-185.472 1.44-242.319 1.44c-79.072 0-131.393-47.151-133.009-116.096c-.512-22.752 2.464-51.824 9.056-66.832C22.752 471.903.288 445.71-.687 411.998c-1.233-43.504 27.279-76.64 45.455-95.664c-4.16-12.656-12.512-29.44-11.712-49.505c2.015-49.343 40.095-81.151 63.84-97.743c-1.953-13.456-3.489-38.944.832-58.624C114.848 31.838 230.128.238 415.44.238zm498.946 137.01c-114.688-9.488-175.996-22.338-208.332-46.69c-25.024-18.832-21.152-26.303-290.608-26.303c-82.176 0-242.896 3.424-255.216 59.824c-4.912 22.56 18.88 44.752 18.976 44.912c6.496 16.048-.752 34.848-16.592 41.776c-.256.127-64.128 23.024-65.6 58.736c-.944 22.832 14.72 36.544 15.088 37.103c9.312 14.464 5.903 34.32-8.225 44.16c-.16.128-41.568 25.216-40.543 59.44c.784 27.152 36.576 46.288 37.664 46.928c8 4.576 13.824 12.496 15.631 21.568c1.808 9.025-.224 18.528-5.824 25.84c0 0-16.272 25.872-15.696 50.112c1.184 51.936 57.023 53.568 69.008 53.568c80.72 0 288.03-.848 288.03-.848c11.184-.032 20.864 5.248 26.864 14.192s6.464 20.065 2.928 30.225c-31.248 90.032-48.704 231.28-19.712 279.536c8.528 14.224 10.496 28.432 42.496 28.432c4.432 0 14.991-3.504 25.999-29.745c106.992-255.808 266.704-403.808 397.521-417.15c11.28-25.728 32.496-79.04 32.496-175.792c-.032-98.736-31.312-175.104-46.353-199.824"/></svg>

How to use the Dislike icon

React

import { Icon } from "@iconify/react";

<Icon icon="simple-line-icons:dislike" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="simple-line-icons:dislike" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="simple-line-icons:dislike" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-line-icons--dislike]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/simple-line-icons -->
<div class="i-simple-line-icons:dislike"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="simple-line-icons:dislike"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/simple-line-icons/dislike.svg" alt="Dislike icon" width="24" height="24">

Dislike icon in other icon sets

Dislike icon FAQ

Is the Dislike icon free for commercial use?

Yes. Simple line icons are released under the MIT license, which allows use in personal and commercial projects.

How do I use the Dislike icon in React?

Install @iconify/react and render <Icon icon="simple-line-icons:dislike" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Dislike icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/simple-line-icons/dislike.svg" alt="Dislike icon">, or paste the SVG code inline to style it with CSS.

Browse all Simple line icons →