Dislike Linear icon
solar:dislike-linear
The Dislike Linear icon (solar:dislike-linear) is a free SVG icon from the Solar set by 480 Design. It is drawn on a 24 × 24 grid. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Solar
- Author
- 480 Design
- License
- CC-BY-4.0
- Size
- 24 × 24
- Category
- Like
- Tags
- dislikelinear
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5"><path d="M3 2.48733V13.7659"/><path d="M3 13.7658L3.9716 2.52928C3.99621 2.24466 3.77207 2 3.48671 2C3.21791 2 3 2.21815 3 2.48726"/><path d="M13.9951 18.7785C14.1027 19.4356 14.072 20.108 13.9048 20.7524"/><path d="M8.59609 2C7.73231 2 7.01201 2.66139 6.93752 3.52293L6.12535 12.9156C6.07919 13.4494 6.29223 13.973 6.69789 14.3225L8.13663 15.5623C8.80416 16.1375 9.44635 16.7598 9.8617 17.5374C10.146 18.0695 10.3664 18.6328 10.5178 19.2163L10.9935 21.0501C11.0856 21.4053 11.3342 21.7039 11.6739 21.8676C11.9826 22.0163 12.3399 22.0408 12.6673 21.9356L12.8123 21.8891C13.354 21.715 13.7659 21.2864 13.9044 20.7525"/><path d="M13.9951 18.7787L13.3325 14.7341C13.2493 14.2268 13.6404 13.7659 14.1539 13.7659H19.335"/><path d="M19.3351 13.7658C20.3681 13.7658 21.1517 12.8338 20.9755 11.8148L20.27 7.73505C19.6976 4.42561 16.7266 2 13.2453 2H8.59668"/></g></svg>How to use the Dislike Linear icon
React
import { Icon } from "@iconify/react";
<Icon icon="solar:dislike-linear" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:dislike-linear" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:dislike-linear" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--dislike-linear]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:dislike-linear"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:dislike-linear"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/solar/dislike-linear.svg" alt="Dislike Linear icon" width="24" height="24">Related icons in Solar
Dislike Linear icon FAQ
Is the Dislike Linear icon free for commercial use?
Yes. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.
How do I use the Dislike Linear icon in React?
Install @iconify/react and render <Icon icon="solar:dislike-linear" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Dislike Linear icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/solar/dislike-linear.svg" alt="Dislike Linear icon">, or paste the SVG code inline to style it with CSS.