User Unfollow icon
simple-line-icons:user-unfollow
The User Unfollow icon (simple-line-icons:user-unfollow) 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
- Tags
- userunfollow
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" d="m799.12 383.856l.001-159.92C799.121 118.016 652.513.081 511.217.081c-141.312 0-288.128 117.936-288.128 223.855v159.92c0 69.872 31.888 211.232 121.392 283.072l-281.04 132.64S-.511 828.064-.511 863.536v96.032c0 35.344 28.64 63.968 63.951 63.968h607.936v-64l-607.888.032v-64.944c0-25.44 19.104-33.425 26.72-36.945l281.04-132.624c20.143-9.248 34.048-28.335 36.752-50.335c2.72-22-6.16-43.825-23.456-57.697c-66.48-53.376-97.456-170.688-97.456-233.199v-159.92c0-66.864 116.4-159.856 224.128-159.856c108.688 0 223.904 91.536 223.904 159.856v159.92c0 61.552-25.6 179.328-94.224 233.36a63.79 63.79 0 0 0-23.968 57.792c2.592 22.16 16.56 41.313 36.848 50.624l18.112 8.352l28.065-51.792l-19.489-14.72c88.657-69.727 118.656-206.768 118.656-283.584m125.505 494.945l90.496-90.512c12.496-12.464 12.496-32.752 0-45.248c-12.48-12.48-32.753-12.48-45.233 0l-90.512 90.528l-90.496-90.528c-12.496-12.48-32.769-12.48-45.25 0c-12.495 12.496-12.495 32.784 0 45.248l90.497 90.512l-90.496 90.496c-12.496 12.48-12.496 32.768 0 45.264c12.48 12.464 32.753 12.464 45.249 0l90.496-90.511l90.512 90.511c12.48 12.464 32.753 12.464 45.233 0c12.496-12.496 12.496-32.784 0-45.264z"/></svg>How to use the User Unfollow icon
React
import { Icon } from "@iconify/react";
<Icon icon="simple-line-icons:user-unfollow" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="simple-line-icons:user-unfollow" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="simple-line-icons:user-unfollow" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-line-icons--user-unfollow]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/simple-line-icons -->
<div class="i-simple-line-icons:user-unfollow"></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:user-unfollow"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/simple-line-icons/user-unfollow.svg" alt="User Unfollow icon" width="24" height="24">Related icons in Simple line icons
User Unfollow icon in other icon sets
User Unfollow icon FAQ
Is the User Unfollow 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 User Unfollow icon in React?
Install @iconify/react and render <Icon icon="simple-line-icons:user-unfollow" />, or use “Copy code” on this page to get a standalone React component.
How do I add the User Unfollow icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/simple-line-icons/user-unfollow.svg" alt="User Unfollow icon">, or paste the SVG code inline to style it with CSS.