Gentleface › Social & emotions › smile-off

smile-off icon

Smile off: reactions off, disable reactions, reactions disabled. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.

Code line-round

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M15.003 14.5C15.003 14.636 14.953 14.754 14.854 14.854C14.754 14.953 14.636 15.003 14.5 15.003C14.364 15.003 14.246 14.953 14.146 14.854L12.584 13.291C11.989 13.807 11.323 14.212 10.585 14.505C9.755 14.835 8.893 15 8 15C7.11 15 6.251 14.836 5.423 14.509C4.525 14.153 3.734 13.633 3.05 12.95C2.367 12.266 1.847 11.475 1.491 10.577C1.164 9.749 1 8.89 1 8C1 7.107 1.165 6.245 1.495 5.415C1.788 4.677 2.193 4.011 2.709 3.416L1.146 1.854C1.047 1.754 0.997 1.636 0.997 1.5C0.997 1.364 1.047 1.246 1.146 1.146C1.246 1.047 1.364 0.997 1.5 0.997C1.636 0.997 1.754 1.047 1.854 1.146L14.854 14.146C14.953 14.246 15.003 14.364 15.003 14.5ZM11.874 12.582L9.843 10.55C9.458 10.751 9.05 10.885 8.617 10.952C8.067 11.038 7.523 11.01 6.985 10.869C6.447 10.728 5.959 10.485 5.523 10.14C5.121 9.823 4.792 9.443 4.536 9C4.465 8.878 4.448 8.751 4.483 8.62C4.518 8.488 4.597 8.387 4.719 8.317C4.838 8.248 4.965 8.231 5.098 8.267C5.232 8.303 5.333 8.38 5.402 8.5C5.594 8.832 5.841 9.118 6.142 9.355C6.47 9.614 6.835 9.796 7.239 9.902C7.643 10.008 8.051 10.028 8.463 9.964C8.679 9.93 8.888 9.874 9.089 9.796L5.84 6.547C5.802 6.603 5.758 6.656 5.707 6.707C5.512 6.902 5.276 7 5 7C4.724 7 4.488 6.902 4.293 6.707C4.098 6.512 4 6.276 4 6C4 5.724 4.098 5.488 4.293 5.293C4.344 5.242 4.397 5.198 4.453 5.16L3.418 4.126C2.998 4.622 2.666 5.174 2.424 5.784C2.141 6.496 2 7.234 2 8C2 8.763 2.14 9.499 2.421 10.209C2.726 10.979 3.172 11.657 3.757 12.243C4.343 12.828 5.021 13.274 5.791 13.579C6.501 13.86 7.237 14 8 14C8.766 14 9.504 13.859 10.216 13.576C10.826 13.334 11.378 13.002 11.874 12.582ZM8 1C8.89 1 9.749 1.164 10.577 1.491C11.475 1.847 12.266 2.367 12.95 3.05C13.633 3.734 14.153 4.525 14.509 5.423C14.836 6.251 15 7.11 15 8C15 9.152 14.732 10.239 14.195 11.259C14.13 11.383 14.032 11.466 13.902 11.506C13.772 11.547 13.645 11.534 13.52 11.468C13.395 11.403 13.313 11.305 13.272 11.175C13.232 11.045 13.245 10.918 13.31 10.793C13.77 9.919 14 8.988 14 8C14 7.237 13.86 6.501 13.579 5.791C13.274 5.021 12.828 4.343 12.243 3.757C11.657 3.172 10.979 2.726 10.209 2.421C9.499 2.14 8.763 2 8 2C7.012 2 6.081 2.23 5.207 2.69C5.085 2.754 4.958 2.766 4.826 2.725C4.694 2.684 4.596 2.602 4.532 2.48C4.467 2.358 4.456 2.231 4.497 2.099C4.538 1.967 4.619 1.869 4.741 1.805C5.761 1.268 6.848 1 8 1ZM10.293 5.293C10.488 5.098 10.724 5 11 5C11.276 5 11.512 5.098 11.707 5.293C11.902 5.488 12 5.724 12 6C12 6.276 11.902 6.512 11.707 6.707C11.512 6.902 11.276 7 11 7C10.724 7 10.488 6.902 10.293 6.707C10.098 6.512 10 6.276 10 6C10 5.724 10.098 5.488 10.293 5.293Z"/></svg>

React

// Gentleface "smile-off" (line-round), MIT. https://gentleface.com/icons/smile-off
import type { SVGProps } from 'react';

export function SmileOffIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" {...props}>
      <path d="M15.003 14.5C15.003 14.636 14.953 14.754 14.854 14.854C14.754 14.953 14.636 15.003 14.5 15.003C14.364 15.003 14.246 14.953 14.146 14.854L12.584 13.291C11.989 13.807 11.323 14.212 10.585 14.505C9.755 14.835 8.893 15 8 15C7.11 15 6.251 14.836 5.423 14.509C4.525 14.153 3.734 13.633 3.05 12.95C2.367 12.266 1.847 11.475 1.491 10.577C1.164 9.749 1 8.89 1 8C1 7.107 1.165 6.245 1.495 5.415C1.788 4.677 2.193 4.011 2.709 3.416L1.146 1.854C1.047 1.754 0.997 1.636 0.997 1.5C0.997 1.364 1.047 1.246 1.146 1.146C1.246 1.047 1.364 0.997 1.5 0.997C1.636 0.997 1.754 1.047 1.854 1.146L14.854 14.146C14.953 14.246 15.003 14.364 15.003 14.5ZM11.874 12.582L9.843 10.55C9.458 10.751 9.05 10.885 8.617 10.952C8.067 11.038 7.523 11.01 6.985 10.869C6.447 10.728 5.959 10.485 5.523 10.14C5.121 9.823 4.792 9.443 4.536 9C4.465 8.878 4.448 8.751 4.483 8.62C4.518 8.488 4.597 8.387 4.719 8.317C4.838 8.248 4.965 8.231 5.098 8.267C5.232 8.303 5.333 8.38 5.402 8.5C5.594 8.832 5.841 9.118 6.142 9.355C6.47 9.614 6.835 9.796 7.239 9.902C7.643 10.008 8.051 10.028 8.463 9.964C8.679 9.93 8.888 9.874 9.089 9.796L5.84 6.547C5.802 6.603 5.758 6.656 5.707 6.707C5.512 6.902 5.276 7 5 7C4.724 7 4.488 6.902 4.293 6.707C4.098 6.512 4 6.276 4 6C4 5.724 4.098 5.488 4.293 5.293C4.344 5.242 4.397 5.198 4.453 5.16L3.418 4.126C2.998 4.622 2.666 5.174 2.424 5.784C2.141 6.496 2 7.234 2 8C2 8.763 2.14 9.499 2.421 10.209C2.726 10.979 3.172 11.657 3.757 12.243C4.343 12.828 5.021 13.274 5.791 13.579C6.501 13.86 7.237 14 8 14C8.766 14 9.504 13.859 10.216 13.576C10.826 13.334 11.378 13.002 11.874 12.582ZM8 1C8.89 1 9.749 1.164 10.577 1.491C11.475 1.847 12.266 2.367 12.95 3.05C13.633 3.734 14.153 4.525 14.509 5.423C14.836 6.251 15 7.11 15 8C15 9.152 14.732 10.239 14.195 11.259C14.13 11.383 14.032 11.466 13.902 11.506C13.772 11.547 13.645 11.534 13.52 11.468C13.395 11.403 13.313 11.305 13.272 11.175C13.232 11.045 13.245 10.918 13.31 10.793C13.77 9.919 14 8.988 14 8C14 7.237 13.86 6.501 13.579 5.791C13.274 5.021 12.828 4.343 12.243 3.757C11.657 3.172 10.979 2.726 10.209 2.421C9.499 2.14 8.763 2 8 2C7.012 2 6.081 2.23 5.207 2.69C5.085 2.754 4.958 2.766 4.826 2.725C4.694 2.684 4.596 2.602 4.532 2.48C4.467 2.358 4.456 2.231 4.497 2.099C4.538 1.967 4.619 1.869 4.741 1.805C5.761 1.268 6.848 1 8 1ZM10.293 5.293C10.488 5.098 10.724 5 11 5C11.276 5 11.512 5.098 11.707 5.293C11.902 5.488 12 5.724 12 6C12 6.276 11.902 6.512 11.707 6.707C11.512 6.902 11.276 7 11 7C10.724 7 10.488 6.902 10.293 6.707C10.098 6.512 10 6.276 10 6C10 5.724 10.098 5.488 10.293 5.293Z" />
    </svg>
  );
}

Vue

Vue: see /icons/smile-off.md

Svelte

Svelte: see /icons/smile-off.md

HTML img

HTML img: see /icons/smile-off.md

CSS

CSS: see /icons/smile-off.md

Data URL

Data URL: see /icons/smile-off.md

Sprite

Sprite: see /icons/smile-off.md

SwiftUI

SwiftUI: see /icons/smile-off.md

Compose

Compose: see /icons/smile-off.md

Android XML

Android XML: see /icons/smile-off.md

Flutter

Flutter: see /icons/smile-off.md

Each SVG is 16 × 16 with fill="currentColor". Keep it at 16 px or an exact multiple (32, 48) on whole pixels: a fractional size or position blurs it. The snippets are decorative (aria-hidden). For an icon that carries meaning on its own, such as an icon-only button, label the button, or give the SVG role="img" and an aria-label. More in how to use.

Meaning

Use it for

reactions off, disable reactions, reactions disabled

Example

Turn off reactions in meeting or livestream options

Built from

smile + slash

Tags

smiley, face, emoji, happy, mood, slash

Category

Social & emotions

Component name

SmileOffIcon

History

2026-10-15 added

Family 5

smile face-angry face-neutral frown smile-plus

More social & emotions icons

balloon bookmark bookmark-check bookmark-off bookmark-pencil bookmark-plus bookmark-search bookmark-x bookmarks flame hand-heart heart heart-check heart-crack heart-dot heart-off · all social & emotions icons

For agents

Metadata: /icons/smile-off.json · Markdown: /icons/smile-off.md · SVG: https://gentleface.com/svg/{style}/16/smile-off.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/smile-off.png

smile-off icon Copy name

line-round

line-soft

line-sharp

solid-round

solid-soft

solid-sharp