cross mark emoji

cross-mark from Noto Emoji by Google Inc · Default · Symbols · Apache-2.0 Free for personal and commercial use.

Name
cross-mark
Set
Noto Emoji
Style
Default
Category
Symbols
Viewbox
128×128
License
Apache 2.0

The same emoji in other sets

cross-markEmoji One (Colored)cross-markFluent Emojicross-markFluent Emoji Flatcross-markFluent Emoji High Contrastcross-markOpenMojicross-markStreamline Emojiscross-markTwitter Emoji

More symbols icons from Noto Emoji

a-button-blood-typeab-button-blood-typeantenna-barsaquariusariesatm-signatom-symbolb-button-blood-typebaby-symbolback-arrowbaggage-claimbiohazardblack-circleblack-large-squareblack-medium-small-squareblack-medium-squareblack-small-squareblack-square-buttonblue-circleblue-squarebright-buttonbrown-circlebrown-squarecancer

Use the cross mark emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#c33" d="m58.9 78.6l-41.3 41.9c-1.5 1.5-3.2 2.5-5 3c4.1 1.2 8.6.2 11.8-3l38.2-38.1c.8-.8 2.1-.8 2.8 0l-3.7-3.8c-.7-.8-2-.8-2.8 0m23.4-13.2c-.8-.8-.8-2 0-2.8l38.2-38.1c4.7-4.7 4.7-12.3 0-17s-12.2-4.7-16.9 0L65.4 45.6c-.8.8-2 .8-2.8 0L24.5 7.5c-4.7-4.7-12.3-4.7-17 0c-.4.4-.7.8-1 1.2c.2-.3.4-.5.6-.7c4.7-4.6 10.1-2.5 14.8 2.2l37.6 38.5c.8.8 2 .8 2.8 0l39.3-39.2c4.7-4.7 9.4-5.1 14.1-.4s3.9 9.6-.8 14.3L75.6 62.6c-.8.8-.8 2 0 2.8c0 0 38.1 38.2 38 38.2c4.7 4.7 6.5 10 1.8 14.7s-10.6 3.5-15.3-1.1l3.4 3.4c4.7 4.7 12.3 4.7 17 0s4.7-12.2 0-16.9c0-.1-38.2-38.3-38.2-38.3"/><path fill="#f44336" d="M115.4 118.3c4.7-4.7 2.9-10-1.8-14.7c.1 0-38-38.2-38-38.2c-.8-.8-.8-2 0-2.8l39.3-39.2c4.7-4.7 5.5-9.6.8-14.3s-9.4-4.3-14.1.4L62.3 48.7c-.8.8-2 .8-2.8 0L21.9 10.2C17.2 5.5 11.8 3.4 7.1 8c-.2.2-.4.4-.6.7c-3.7 4.7-3.3 11.4 1 15.7l38.1 38.2c.8.8.8 2.1 0 2.8L7.5 103.5c-4.7 4.7-4.7 12.3 0 17c1.5 1.5 3.2 2.5 5 3c1.8-.6 3.6-1.6 5-3l41.3-41.9c.8-.8 2.1-.8 2.8 0l3.7 3.8l34.7 34.8c4.8 4.6 10.7 5.8 15.4 1.1"/><g fill="#fff"><path d="M55 56.4c-1.1-1.6-32.3-33.1-32.3-33.1s-2.3-2.6-4.7-.8c-2.2 1.7-1.1 4.3.1 5.6s29 29.7 30.4 30.9c1.3 1.2 3.9 1.4 5.5.6s1.8-2.1 1-3.2" opacity=".2"/><circle cx="12.2" cy="19" r="3.3" opacity=".2"/></g><path fill="#fff" d="M72.1 81.8c1.1 1.6 32.8 32.6 32.8 32.6s2.3 2.6 4.7.7c2.2-1.7 1-4.3-.2-5.6S80 80.2 78.6 79c-1.3-1.2-3.9-1.3-5.5-.5s-1.8 2.2-1 3.3" opacity=".2"/></svg>

React

import type { SVGProps } from "react";

export function NotoCrossMark(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#c33" d="m58.9 78.6l-41.3 41.9c-1.5 1.5-3.2 2.5-5 3c4.1 1.2 8.6.2 11.8-3l38.2-38.1c.8-.8 2.1-.8 2.8 0l-3.7-3.8c-.7-.8-2-.8-2.8 0m23.4-13.2c-.8-.8-.8-2 0-2.8l38.2-38.1c4.7-4.7 4.7-12.3 0-17s-12.2-4.7-16.9 0L65.4 45.6c-.8.8-2 .8-2.8 0L24.5 7.5c-4.7-4.7-12.3-4.7-17 0c-.4.4-.7.8-1 1.2c.2-.3.4-.5.6-.7c4.7-4.6 10.1-2.5 14.8 2.2l37.6 38.5c.8.8 2 .8 2.8 0l39.3-39.2c4.7-4.7 9.4-5.1 14.1-.4s3.9 9.6-.8 14.3L75.6 62.6c-.8.8-.8 2 0 2.8c0 0 38.1 38.2 38 38.2c4.7 4.7 6.5 10 1.8 14.7s-10.6 3.5-15.3-1.1l3.4 3.4c4.7 4.7 12.3 4.7 17 0s4.7-12.2 0-16.9c0-.1-38.2-38.3-38.2-38.3"/><path fill="#f44336" d="M115.4 118.3c4.7-4.7 2.9-10-1.8-14.7c.1 0-38-38.2-38-38.2c-.8-.8-.8-2 0-2.8l39.3-39.2c4.7-4.7 5.5-9.6.8-14.3s-9.4-4.3-14.1.4L62.3 48.7c-.8.8-2 .8-2.8 0L21.9 10.2C17.2 5.5 11.8 3.4 7.1 8c-.2.2-.4.4-.6.7c-3.7 4.7-3.3 11.4 1 15.7l38.1 38.2c.8.8.8 2.1 0 2.8L7.5 103.5c-4.7 4.7-4.7 12.3 0 17c1.5 1.5 3.2 2.5 5 3c1.8-.6 3.6-1.6 5-3l41.3-41.9c.8-.8 2.1-.8 2.8 0l3.7 3.8l34.7 34.8c4.8 4.6 10.7 5.8 15.4 1.1"/><g fill="#fff"><path d="M55 56.4c-1.1-1.6-32.3-33.1-32.3-33.1s-2.3-2.6-4.7-.8c-2.2 1.7-1.1 4.3.1 5.6s29 29.7 30.4 30.9c1.3 1.2 3.9 1.4 5.5.6s1.8-2.1 1-3.2" opacity=".2"/><circle cx="12.2" cy="19" r="3.3" opacity=".2"/></g><path fill="#fff" d="M72.1 81.8c1.1 1.6 32.8 32.6 32.8 32.6s2.3 2.6 4.7.7c2.2-1.7 1-4.3-.2-5.6S80 80.2 78.6 79c-1.3-1.2-3.9-1.3-5.5-.5s-1.8 2.2-1 3.3" opacity=".2"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#c33" d="m58.9 78.6l-41.3 41.9c-1.5 1.5-3.2 2.5-5 3c4.1 1.2 8.6.2 11.8-3l38.2-38.1c.8-.8 2.1-.8 2.8 0l-3.7-3.8c-.7-.8-2-.8-2.8 0m23.4-13.2c-.8-.8-.8-2 0-2.8l38.2-38.1c4.7-4.7 4.7-12.3 0-17s-12.2-4.7-16.9 0L65.4 45.6c-.8.8-2 .8-2.8 0L24.5 7.5c-4.7-4.7-12.3-4.7-17 0c-.4.4-.7.8-1 1.2c.2-.3.4-.5.6-.7c4.7-4.6 10.1-2.5 14.8 2.2l37.6 38.5c.8.8 2 .8 2.8 0l39.3-39.2c4.7-4.7 9.4-5.1 14.1-.4s3.9 9.6-.8 14.3L75.6 62.6c-.8.8-.8 2 0 2.8c0 0 38.1 38.2 38 38.2c4.7 4.7 6.5 10 1.8 14.7s-10.6 3.5-15.3-1.1l3.4 3.4c4.7 4.7 12.3 4.7 17 0s4.7-12.2 0-16.9c0-.1-38.2-38.3-38.2-38.3"/><path fill="#f44336" d="M115.4 118.3c4.7-4.7 2.9-10-1.8-14.7c.1 0-38-38.2-38-38.2c-.8-.8-.8-2 0-2.8l39.3-39.2c4.7-4.7 5.5-9.6.8-14.3s-9.4-4.3-14.1.4L62.3 48.7c-.8.8-2 .8-2.8 0L21.9 10.2C17.2 5.5 11.8 3.4 7.1 8c-.2.2-.4.4-.6.7c-3.7 4.7-3.3 11.4 1 15.7l38.1 38.2c.8.8.8 2.1 0 2.8L7.5 103.5c-4.7 4.7-4.7 12.3 0 17c1.5 1.5 3.2 2.5 5 3c1.8-.6 3.6-1.6 5-3l41.3-41.9c.8-.8 2.1-.8 2.8 0l3.7 3.8l34.7 34.8c4.8 4.6 10.7 5.8 15.4 1.1"/><g fill="#fff"><path d="M55 56.4c-1.1-1.6-32.3-33.1-32.3-33.1s-2.3-2.6-4.7-.8c-2.2 1.7-1.1 4.3.1 5.6s29 29.7 30.4 30.9c1.3 1.2 3.9 1.4 5.5.6s1.8-2.1 1-3.2" opacity=".2"/><circle cx="12.2" cy="19" r="3.3" opacity=".2"/></g><path fill="#fff" d="M72.1 81.8c1.1 1.6 32.8 32.6 32.8 32.6s2.3 2.6 4.7.7c2.2-1.7 1-4.3-.2-5.6S80 80.2 78.6 79c-1.3-1.2-3.9-1.3-5.5-.5s-1.8 2.2-1 3.3" opacity=".2"/></svg>
</template>

CSS

.icon-cross-mark {
  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%20128%20128%22%3E%3Cpath%20fill%3D%22%23c33%22%20d%3D%22m58.9%2078.6l-41.3%2041.9c-1.5%201.5-3.2%202.5-5%203c4.1%201.2%208.6.2%2011.8-3l38.2-38.1c.8-.8%202.1-.8%202.8%200l-3.7-3.8c-.7-.8-2-.8-2.8%200m23.4-13.2c-.8-.8-.8-2%200-2.8l38.2-38.1c4.7-4.7%204.7-12.3%200-17s-12.2-4.7-16.9%200L65.4%2045.6c-.8.8-2%20.8-2.8%200L24.5%207.5c-4.7-4.7-12.3-4.7-17%200c-.4.4-.7.8-1%201.2c.2-.3.4-.5.6-.7c4.7-4.6%2010.1-2.5%2014.8%202.2l37.6%2038.5c.8.8%202%20.8%202.8%200l39.3-39.2c4.7-4.7%209.4-5.1%2014.1-.4s3.9%209.6-.8%2014.3L75.6%2062.6c-.8.8-.8%202%200%202.8c0%200%2038.1%2038.2%2038%2038.2c4.7%204.7%206.5%2010%201.8%2014.7s-10.6%203.5-15.3-1.1l3.4%203.4c4.7%204.7%2012.3%204.7%2017%200s4.7-12.2%200-16.9c0-.1-38.2-38.3-38.2-38.3%22%2F%3E%3Cpath%20fill%3D%22%23f44336%22%20d%3D%22M115.4%20118.3c4.7-4.7%202.9-10-1.8-14.7c.1%200-38-38.2-38-38.2c-.8-.8-.8-2%200-2.8l39.3-39.2c4.7-4.7%205.5-9.6.8-14.3s-9.4-4.3-14.1.4L62.3%2048.7c-.8.8-2%20.8-2.8%200L21.9%2010.2C17.2%205.5%2011.8%203.4%207.1%208c-.2.2-.4.4-.6.7c-3.7%204.7-3.3%2011.4%201%2015.7l38.1%2038.2c.8.8.8%202.1%200%202.8L7.5%20103.5c-4.7%204.7-4.7%2012.3%200%2017c1.5%201.5%203.2%202.5%205%203c1.8-.6%203.6-1.6%205-3l41.3-41.9c.8-.8%202.1-.8%202.8%200l3.7%203.8l34.7%2034.8c4.8%204.6%2010.7%205.8%2015.4%201.1%22%2F%3E%3Cg%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22M55%2056.4c-1.1-1.6-32.3-33.1-32.3-33.1s-2.3-2.6-4.7-.8c-2.2%201.7-1.1%204.3.1%205.6s29%2029.7%2030.4%2030.9c1.3%201.2%203.9%201.4%205.5.6s1.8-2.1%201-3.2%22%20opacity%3D%22.2%22%2F%3E%3Ccircle%20cx%3D%2212.2%22%20cy%3D%2219%22%20r%3D%223.3%22%20opacity%3D%22.2%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M72.1%2081.8c1.1%201.6%2032.8%2032.6%2032.8%2032.6s2.3%202.6%204.7.7c2.2-1.7%201-4.3-.2-5.6S80%2080.2%2078.6%2079c-1.3-1.2-3.9-1.3-5.5-.5s-1.8%202.2-1%203.3%22%20opacity%3D%22.2%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%20128%20128%22%3E%3Cpath%20fill%3D%22%23c33%22%20d%3D%22m58.9%2078.6l-41.3%2041.9c-1.5%201.5-3.2%202.5-5%203c4.1%201.2%208.6.2%2011.8-3l38.2-38.1c.8-.8%202.1-.8%202.8%200l-3.7-3.8c-.7-.8-2-.8-2.8%200m23.4-13.2c-.8-.8-.8-2%200-2.8l38.2-38.1c4.7-4.7%204.7-12.3%200-17s-12.2-4.7-16.9%200L65.4%2045.6c-.8.8-2%20.8-2.8%200L24.5%207.5c-4.7-4.7-12.3-4.7-17%200c-.4.4-.7.8-1%201.2c.2-.3.4-.5.6-.7c4.7-4.6%2010.1-2.5%2014.8%202.2l37.6%2038.5c.8.8%202%20.8%202.8%200l39.3-39.2c4.7-4.7%209.4-5.1%2014.1-.4s3.9%209.6-.8%2014.3L75.6%2062.6c-.8.8-.8%202%200%202.8c0%200%2038.1%2038.2%2038%2038.2c4.7%204.7%206.5%2010%201.8%2014.7s-10.6%203.5-15.3-1.1l3.4%203.4c4.7%204.7%2012.3%204.7%2017%200s4.7-12.2%200-16.9c0-.1-38.2-38.3-38.2-38.3%22%2F%3E%3Cpath%20fill%3D%22%23f44336%22%20d%3D%22M115.4%20118.3c4.7-4.7%202.9-10-1.8-14.7c.1%200-38-38.2-38-38.2c-.8-.8-.8-2%200-2.8l39.3-39.2c4.7-4.7%205.5-9.6.8-14.3s-9.4-4.3-14.1.4L62.3%2048.7c-.8.8-2%20.8-2.8%200L21.9%2010.2C17.2%205.5%2011.8%203.4%207.1%208c-.2.2-.4.4-.6.7c-3.7%204.7-3.3%2011.4%201%2015.7l38.1%2038.2c.8.8.8%202.1%200%202.8L7.5%20103.5c-4.7%204.7-4.7%2012.3%200%2017c1.5%201.5%203.2%202.5%205%203c1.8-.6%203.6-1.6%205-3l41.3-41.9c.8-.8%202.1-.8%202.8%200l3.7%203.8l34.7%2034.8c4.8%204.6%2010.7%205.8%2015.4%201.1%22%2F%3E%3Cg%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22M55%2056.4c-1.1-1.6-32.3-33.1-32.3-33.1s-2.3-2.6-4.7-.8c-2.2%201.7-1.1%204.3.1%205.6s29%2029.7%2030.4%2030.9c1.3%201.2%203.9%201.4%205.5.6s1.8-2.1%201-3.2%22%20opacity%3D%22.2%22%2F%3E%3Ccircle%20cx%3D%2212.2%22%20cy%3D%2219%22%20r%3D%223.3%22%20opacity%3D%22.2%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M72.1%2081.8c1.1%201.6%2032.8%2032.6%2032.8%2032.6s2.3%202.6%204.7.7c2.2-1.7%201-4.3-.2-5.6S80%2080.2%2078.6%2079c-1.3-1.2-3.9-1.3-5.5-.5s-1.8%202.2-1%203.3%22%20opacity%3D%22.2%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/noto/cross-mark.svg?color=%231a73e8&size=48