emoji edit icon

emoji-edit-24-regular from Fluent UI System Icons by Microsoft Corporation · 24 Regular · MIT Free for personal and commercial use.

Name
emoji-edit-24-regular
Set
Fluent UI System Icons
Style
24 Regular
Viewbox
24×24
License
MIT

9 other variants in Fluent UI System Icons

emoji-edit-16-filledemoji-edit-16-regularemoji-edit-20-filledemoji-edit-20-regularemoji-edit-24-filledemoji-edit-28-filledemoji-edit-28-regularemoji-edit-48-filledemoji-edit-48-regular

Related icons in Fluent UI System Icons

emoji-add-16-filledemoji-angry-16-filledemoji-hand-16-filledemoji-hint-16-filledemoji-laugh-16-filledemoji-meh-16-filledemoji-meme-16-filledemoji-multiple-20-filledemoji-sad-16-filledemoji-sad-slight-20-filledemoji-smile-slight-20-filledemoji-sparkle-16-filledemoji-surprise-20-filled

Use the emoji edit icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 1.998c5.27 0 9.59 4.077 9.973 9.25a3.3 3.3 0 0 0-1.529-.238A8.503 8.503 0 0 0 3.498 12a8.5 8.5 0 0 0 7.799 8.473l-.234.934a2 2 0 0 0-.064.545A10 10 0 0 1 2 12C1.999 6.476 6.477 1.998 12 1.998m0 14.503a4.5 4.5 0 0 0 2.984-1.13l-2.494 2.493l-.12.126a6 6 0 0 1-5.087-2.279a.75.75 0 1 1 1.178-.928A4.5 4.5 0 0 0 12 16.5M9 8.75a1.25 1.25 0 1 1 0 2.498A1.25 1.25 0 0 1 9 8.75m6 0a1.25 1.25 0 1 1 0 2.498a1.25 1.25 0 0 1 0-2.499m4.1 3.918l-5.903 5.902a2.7 2.7 0 0 0-.706 1.247l-.458 1.831a1.087 1.087 0 0 0 1.319 1.318l1.83-.457a2.7 2.7 0 0 0 1.248-.707l5.902-5.902a2.286 2.286 0 0 0-3.232-3.232"/></svg>

React

import type { SVGProps } from "react";

export function FluentEmojiEdit24Regular(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 1.998c5.27 0 9.59 4.077 9.973 9.25a3.3 3.3 0 0 0-1.529-.238A8.503 8.503 0 0 0 3.498 12a8.5 8.5 0 0 0 7.799 8.473l-.234.934a2 2 0 0 0-.064.545A10 10 0 0 1 2 12C1.999 6.476 6.477 1.998 12 1.998m0 14.503a4.5 4.5 0 0 0 2.984-1.13l-2.494 2.493l-.12.126a6 6 0 0 1-5.087-2.279a.75.75 0 1 1 1.178-.928A4.5 4.5 0 0 0 12 16.5M9 8.75a1.25 1.25 0 1 1 0 2.498A1.25 1.25 0 0 1 9 8.75m6 0a1.25 1.25 0 1 1 0 2.498a1.25 1.25 0 0 1 0-2.499m4.1 3.918l-5.903 5.902a2.7 2.7 0 0 0-.706 1.247l-.458 1.831a1.087 1.087 0 0 0 1.319 1.318l1.83-.457a2.7 2.7 0 0 0 1.248-.707l5.902-5.902a2.286 2.286 0 0 0-3.232-3.232"/></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 1.998c5.27 0 9.59 4.077 9.973 9.25a3.3 3.3 0 0 0-1.529-.238A8.503 8.503 0 0 0 3.498 12a8.5 8.5 0 0 0 7.799 8.473l-.234.934a2 2 0 0 0-.064.545A10 10 0 0 1 2 12C1.999 6.476 6.477 1.998 12 1.998m0 14.503a4.5 4.5 0 0 0 2.984-1.13l-2.494 2.493l-.12.126a6 6 0 0 1-5.087-2.279a.75.75 0 1 1 1.178-.928A4.5 4.5 0 0 0 12 16.5M9 8.75a1.25 1.25 0 1 1 0 2.498A1.25 1.25 0 0 1 9 8.75m6 0a1.25 1.25 0 1 1 0 2.498a1.25 1.25 0 0 1 0-2.499m4.1 3.918l-5.903 5.902a2.7 2.7 0 0 0-.706 1.247l-.458 1.831a1.087 1.087 0 0 0 1.319 1.318l1.83-.457a2.7 2.7 0 0 0 1.248-.707l5.902-5.902a2.286 2.286 0 0 0-3.232-3.232"/></svg>
</template>

CSS

.icon-emoji-edit-24-regular {
  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%201.998c5.27%200%209.59%204.077%209.973%209.25a3.3%203.3%200%200%200-1.529-.238A8.503%208.503%200%200%200%203.498%2012a8.5%208.5%200%200%200%207.799%208.473l-.234.934a2%202%200%200%200-.064.545A10%2010%200%200%201%202%2012C1.999%206.476%206.477%201.998%2012%201.998m0%2014.503a4.5%204.5%200%200%200%202.984-1.13l-2.494%202.493l-.12.126a6%206%200%200%201-5.087-2.279a.75.75%200%201%201%201.178-.928A4.5%204.5%200%200%200%2012%2016.5M9%208.75a1.25%201.25%200%201%201%200%202.498A1.25%201.25%200%200%201%209%208.75m6%200a1.25%201.25%200%201%201%200%202.498a1.25%201.25%200%200%201%200-2.499m4.1%203.918l-5.903%205.902a2.7%202.7%200%200%200-.706%201.247l-.458%201.831a1.087%201.087%200%200%200%201.319%201.318l1.83-.457a2.7%202.7%200%200%200%201.248-.707l5.902-5.902a2.286%202.286%200%200%200-3.232-3.232%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%201.998c5.27%200%209.59%204.077%209.973%209.25a3.3%203.3%200%200%200-1.529-.238A8.503%208.503%200%200%200%203.498%2012a8.5%208.5%200%200%200%207.799%208.473l-.234.934a2%202%200%200%200-.064.545A10%2010%200%200%201%202%2012C1.999%206.476%206.477%201.998%2012%201.998m0%2014.503a4.5%204.5%200%200%200%202.984-1.13l-2.494%202.493l-.12.126a6%206%200%200%201-5.087-2.279a.75.75%200%201%201%201.178-.928A4.5%204.5%200%200%200%2012%2016.5M9%208.75a1.25%201.25%200%201%201%200%202.498A1.25%201.25%200%200%201%209%208.75m6%200a1.25%201.25%200%201%201%200%202.498a1.25%201.25%200%200%201%200-2.499m4.1%203.918l-5.903%205.902a2.7%202.7%200%200%200-.706%201.247l-.458%201.831a1.087%201.087%200%200%200%201.319%201.318l1.83-.457a2.7%202.7%200%200%200%201.248-.707l5.902-5.902a2.286%202.286%200%200%200-3.232-3.232%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/emoji-edit-24-regular.svg?color=%231a73e8&size=48