emoji edit icon
emoji-edit-28-filled from Fluent UI System Icons by Microsoft Corporation · 28 Filled · MIT Free for personal and commercial use.
- Name
- emoji-edit-28-filled
- Set
- Fluent UI System Icons
- Style
- 28 Filled
- Viewbox
- 28×28
- License
- MIT
9 other variants in Fluent UI System Icons
Related icons in Fluent UI System Icons
Use the emoji edit icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 28 28"><path fill="currentColor" d="M2 14C2 7.373 7.373 2 14 2c6.376 0 11.59 4.972 11.977 11.25a3.29 3.29 0 0 0-3.584.712l-3.044 3.044a.75.75 0 0 0-.718.32l-.007.01l-.045.06c-.042.054-.11.136-.203.238c-.186.203-.472.48-.858.757c-.768.553-1.93 1.109-3.518 1.109s-2.75-.556-3.518-1.109a5.6 5.6 0 0 1-.858-.757a4 4 0 0 1-.247-.297l-.009-.012a.75.75 0 0 0-1.238.847v.001l.002.002l.002.003l.008.01a3 3 0 0 0 .097.131c.065.083.158.196.28.329a7 7 0 0 0 1.087.96C10.576 20.307 12.038 21 14 21c.536 0 1.035-.052 1.496-.141l-1.006 1.006a3.7 3.7 0 0 0-.97 1.712l-.457 1.83a2 2 0 0 0-.064.552C6.84 25.45 2 20.29 2 14m15.5-1a1.5 1.5 0 1 0 0-3a1.5 1.5 0 0 0 0 3M12 11.5a1.5 1.5 0 1 0-3 0a1.5 1.5 0 0 0 3 0m11.1 3.17l-7.903 7.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-.707l7.902-7.902a2.286 2.286 0 0 0-3.232-3.233"/></svg>
React
import type { SVGProps } from "react";
export function FluentEmojiEdit28Filled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 28 28"><path fill="currentColor" d="M2 14C2 7.373 7.373 2 14 2c6.376 0 11.59 4.972 11.977 11.25a3.29 3.29 0 0 0-3.584.712l-3.044 3.044a.75.75 0 0 0-.718.32l-.007.01l-.045.06c-.042.054-.11.136-.203.238c-.186.203-.472.48-.858.757c-.768.553-1.93 1.109-3.518 1.109s-2.75-.556-3.518-1.109a5.6 5.6 0 0 1-.858-.757a4 4 0 0 1-.247-.297l-.009-.012a.75.75 0 0 0-1.238.847v.001l.002.002l.002.003l.008.01a3 3 0 0 0 .097.131c.065.083.158.196.28.329a7 7 0 0 0 1.087.96C10.576 20.307 12.038 21 14 21c.536 0 1.035-.052 1.496-.141l-1.006 1.006a3.7 3.7 0 0 0-.97 1.712l-.457 1.83a2 2 0 0 0-.064.552C6.84 25.45 2 20.29 2 14m15.5-1a1.5 1.5 0 1 0 0-3a1.5 1.5 0 0 0 0 3M12 11.5a1.5 1.5 0 1 0-3 0a1.5 1.5 0 0 0 3 0m11.1 3.17l-7.903 7.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-.707l7.902-7.902a2.286 2.286 0 0 0-3.232-3.233"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 28 28"><path fill="currentColor" d="M2 14C2 7.373 7.373 2 14 2c6.376 0 11.59 4.972 11.977 11.25a3.29 3.29 0 0 0-3.584.712l-3.044 3.044a.75.75 0 0 0-.718.32l-.007.01l-.045.06c-.042.054-.11.136-.203.238c-.186.203-.472.48-.858.757c-.768.553-1.93 1.109-3.518 1.109s-2.75-.556-3.518-1.109a5.6 5.6 0 0 1-.858-.757a4 4 0 0 1-.247-.297l-.009-.012a.75.75 0 0 0-1.238.847v.001l.002.002l.002.003l.008.01a3 3 0 0 0 .097.131c.065.083.158.196.28.329a7 7 0 0 0 1.087.96C10.576 20.307 12.038 21 14 21c.536 0 1.035-.052 1.496-.141l-1.006 1.006a3.7 3.7 0 0 0-.97 1.712l-.457 1.83a2 2 0 0 0-.064.552C6.84 25.45 2 20.29 2 14m15.5-1a1.5 1.5 0 1 0 0-3a1.5 1.5 0 0 0 0 3M12 11.5a1.5 1.5 0 1 0-3 0a1.5 1.5 0 0 0 3 0m11.1 3.17l-7.903 7.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-.707l7.902-7.902a2.286 2.286 0 0 0-3.232-3.233"/></svg> </template>
CSS
.icon-emoji-edit-28-filled {
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%2028%2028%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M2%2014C2%207.373%207.373%202%2014%202c6.376%200%2011.59%204.972%2011.977%2011.25a3.29%203.29%200%200%200-3.584.712l-3.044%203.044a.75.75%200%200%200-.718.32l-.007.01l-.045.06c-.042.054-.11.136-.203.238c-.186.203-.472.48-.858.757c-.768.553-1.93%201.109-3.518%201.109s-2.75-.556-3.518-1.109a5.6%205.6%200%200%201-.858-.757a4%204%200%200%201-.247-.297l-.009-.012a.75.75%200%200%200-1.238.847v.001l.002.002l.002.003l.008.01a3%203%200%200%200%20.097.131c.065.083.158.196.28.329a7%207%200%200%200%201.087.96C10.576%2020.307%2012.038%2021%2014%2021c.536%200%201.035-.052%201.496-.141l-1.006%201.006a3.7%203.7%200%200%200-.97%201.712l-.457%201.83a2%202%200%200%200-.064.552C6.84%2025.45%202%2020.29%202%2014m15.5-1a1.5%201.5%200%201%200%200-3a1.5%201.5%200%200%200%200%203M12%2011.5a1.5%201.5%200%201%200-3%200a1.5%201.5%200%200%200%203%200m11.1%203.17l-7.903%207.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-.707l7.902-7.902a2.286%202.286%200%200%200-3.232-3.233%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%2028%2028%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M2%2014C2%207.373%207.373%202%2014%202c6.376%200%2011.59%204.972%2011.977%2011.25a3.29%203.29%200%200%200-3.584.712l-3.044%203.044a.75.75%200%200%200-.718.32l-.007.01l-.045.06c-.042.054-.11.136-.203.238c-.186.203-.472.48-.858.757c-.768.553-1.93%201.109-3.518%201.109s-2.75-.556-3.518-1.109a5.6%205.6%200%200%201-.858-.757a4%204%200%200%201-.247-.297l-.009-.012a.75.75%200%200%200-1.238.847v.001l.002.002l.002.003l.008.01a3%203%200%200%200%20.097.131c.065.083.158.196.28.329a7%207%200%200%200%201.087.96C10.576%2020.307%2012.038%2021%2014%2021c.536%200%201.035-.052%201.496-.141l-1.006%201.006a3.7%203.7%200%200%200-.97%201.712l-.457%201.83a2%202%200%200%200-.064.552C6.84%2025.45%202%2020.29%202%2014m15.5-1a1.5%201.5%200%201%200%200-3a1.5%201.5%200%200%200%200%203M12%2011.5a1.5%201.5%200%201%200-3%200a1.5%201.5%200%200%200%203%200m11.1%203.17l-7.903%207.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-.707l7.902-7.902a2.286%202.286%200%200%200-3.232-3.233%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/emoji-edit-28-filled.svg?color=%231a73e8&size=48
