unsubscribe icon

unsubscribe-rounded from Material Symbols Light by Google · Rounded · Communicate · Apache-2.0 Free for personal and commercial use.

Name: unsubscribe-rounded
Set: Material Symbols Light
Style: Rounded
Category: Communicate
Viewbox: 24×24
License: Apache 2.0

5 other variants in Material Symbols Light

unsubscribe unsubscribe-outline unsubscribe-outline-rounded unsubscribe-outline-sharp unsubscribe-sharp

The same icon in other sets

unsubscribeMaterial Symbols

More communicate icons from Material Symbols Light

Use the unsubscribe icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 11L4.82 6.32q-.195-.122-.402-.045t-.264.289q-.058.148-.015.306q.042.159.184.246l7.229 4.713q.212.13.448.13t.448-.13l7.229-4.713q.142-.087.194-.246q.052-.158-.025-.306q-.057-.212-.264-.28q-.207-.067-.401.055zm4.165 9.836Q15 19.67 15 18t1.165-2.835T19 14t2.836 1.165T23 18t-1.164 2.836T19 22t-2.835-1.164m.874-2.451h3.922q.162 0 .274-.112q.111-.111.111-.273t-.111-.273t-.273-.111h-3.924q-.161 0-.273.111q-.111.112-.111.273t.111.273t.273.112M4.616 19q-.672 0-1.144-.472T3 17.385V6.615q0-.67.472-1.143Q3.944 5 4.616 5h14.769q.67 0 1.143.472q.472.472.472 1.144v4.776q0 .354-.279.566t-.646.138q-.258-.067-.534-.081Q19.264 12 19 12q-2.502 0-4.251 1.749T13 18q0 .052.003.104t.009.098q.011.315-.194.557q-.205.241-.514.241z"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsLightUnsubscribeRounded(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 11L4.82 6.32q-.195-.122-.402-.045t-.264.289q-.058.148-.015.306q.042.159.184.246l7.229 4.713q.212.13.448.13t.448-.13l7.229-4.713q.142-.087.194-.246q.052-.158-.025-.306q-.057-.212-.264-.28q-.207-.067-.401.055zm4.165 9.836Q15 19.67 15 18t1.165-2.835T19 14t2.836 1.165T23 18t-1.164 2.836T19 22t-2.835-1.164m.874-2.451h3.922q.162 0 .274-.112q.111-.111.111-.273t-.111-.273t-.273-.111h-3.924q-.161 0-.273.111q-.111.112-.111.273t.111.273t.273.112M4.616 19q-.672 0-1.144-.472T3 17.385V6.615q0-.67.472-1.143Q3.944 5 4.616 5h14.769q.67 0 1.143.472q.472.472.472 1.144v4.776q0 .354-.279.566t-.646.138q-.258-.067-.534-.081Q19.264 12 19 12q-2.502 0-4.251 1.749T13 18q0 .052.003.104t.009.098q.011.315-.194.557q-.205.241-.514.241z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 11L4.82 6.32q-.195-.122-.402-.045t-.264.289q-.058.148-.015.306q.042.159.184.246l7.229 4.713q.212.13.448.13t.448-.13l7.229-4.713q.142-.087.194-.246q.052-.158-.025-.306q-.057-.212-.264-.28q-.207-.067-.401.055zm4.165 9.836Q15 19.67 15 18t1.165-2.835T19 14t2.836 1.165T23 18t-1.164 2.836T19 22t-2.835-1.164m.874-2.451h3.922q.162 0 .274-.112q.111-.111.111-.273t-.111-.273t-.273-.111h-3.924q-.161 0-.273.111q-.111.112-.111.273t.111.273t.273.112M4.616 19q-.672 0-1.144-.472T3 17.385V6.615q0-.67.472-1.143Q3.944 5 4.616 5h14.769q.67 0 1.143.472q.472.472.472 1.144v4.776q0 .354-.279.566t-.646.138q-.258-.067-.534-.081Q19.264 12 19 12q-2.502 0-4.251 1.749T13 18q0 .052.003.104t.009.098q.011.315-.194.557q-.205.241-.514.241z"/></svg>
</template>

CSS

.icon-unsubscribe-rounded {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%2011L4.82%206.32q-.195-.122-.402-.045t-.264.289q-.058.148-.015.306q.042.159.184.246l7.229%204.713q.212.13.448.13t.448-.13l7.229-4.713q.142-.087.194-.246q.052-.158-.025-.306q-.057-.212-.264-.28q-.207-.067-.401.055zm4.165%209.836Q15%2019.67%2015%2018t1.165-2.835T19%2014t2.836%201.165T23%2018t-1.164%202.836T19%2022t-2.835-1.164m.874-2.451h3.922q.162%200%20.274-.112q.111-.111.111-.273t-.111-.273t-.273-.111h-3.924q-.161%200-.273.111q-.111.112-.111.273t.111.273t.273.112M4.616%2019q-.672%200-1.144-.472T3%2017.385V6.615q0-.67.472-1.143Q3.944%205%204.616%205h14.769q.67%200%201.143.472q.472.472.472%201.144v4.776q0%20.354-.279.566t-.646.138q-.258-.067-.534-.081Q19.264%2012%2019%2012q-2.502%200-4.251%201.749T13%2018q0%20.052.003.104t.009.098q.011.315-.194.557q-.205.241-.514.241z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%2011L4.82%206.32q-.195-.122-.402-.045t-.264.289q-.058.148-.015.306q.042.159.184.246l7.229%204.713q.212.13.448.13t.448-.13l7.229-4.713q.142-.087.194-.246q.052-.158-.025-.306q-.057-.212-.264-.28q-.207-.067-.401.055zm4.165%209.836Q15%2019.67%2015%2018t1.165-2.835T19%2014t2.836%201.165T23%2018t-1.164%202.836T19%2022t-2.835-1.164m.874-2.451h3.922q.162%200%20.274-.112q.111-.111.111-.273t-.111-.273t-.273-.111h-3.924q-.161%200-.273.111q-.111.112-.111.273t.111.273t.273.112M4.616%2019q-.672%200-1.144-.472T3%2017.385V6.615q0-.67.472-1.143Q3.944%205%204.616%205h14.769q.67%200%201.143.472q.472.472.472%201.144v4.776q0%20.354-.279.566t-.646.138q-.258-.067-.534-.081Q19.264%2012%2019%2012q-2.502%200-4.251%201.749T13%2018q0%20.052.003.104t.009.098q.011.315-.194.557q-.205.241-.514.241z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/unsubscribe-rounded.svg?color=%231a73e8&size=48