negativesquaredcrossmark emoji

More symbols icons from Firefox OS Emoji

Use the negativesquaredcrossmark emoji

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#00B89C" d="M508.333 32.666C508.333 16.35 494.984 3 478.668 3H29.032C14.348 3 2.333 15.015 2.333 29.699v452.602C2.333 496.985 14.348 509 29.032 509h449.635c16.316 0 29.666-13.35 29.666-29.666z"/><path fill="#009E83" d="M478.668 488.915H29.032c-14.684 0-26.699-12.015-26.699-26.699v20.085C2.333 496.985 14.348 509 29.032 509h449.635c16.316 0 29.666-13.35 29.666-29.666v-20.085c0 16.316-13.349 29.666-29.665 29.666"/><path fill="#FFF" d="m317.727 256l96.059-96.059c5.488-5.488 5.488-14.385 0-19.872l-41.854-41.854c-5.488-5.488-14.385-5.488-19.872 0L256 194.273l-96.059-96.059c-5.488-5.488-14.385-5.488-19.872 0l-41.854 41.854c-5.488 5.488-5.488 14.385 0 19.872L194.273 256l-96.059 96.059c-5.488 5.488-5.488 14.385 0 19.872l41.854 41.854c5.488 5.488 14.385 5.488 19.872 0L256 317.727l96.059 96.059c5.488 5.488 14.385 5.488 19.872 0l41.854-41.854c5.488-5.488 5.488-14.385 0-19.872z"/></svg>

import type { SVGProps } from "react";

export function FxemojiNegativesquaredcrossmark(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#00B89C" d="M508.333 32.666C508.333 16.35 494.984 3 478.668 3H29.032C14.348 3 2.333 15.015 2.333 29.699v452.602C2.333 496.985 14.348 509 29.032 509h449.635c16.316 0 29.666-13.35 29.666-29.666z"/><path fill="#009E83" d="M478.668 488.915H29.032c-14.684 0-26.699-12.015-26.699-26.699v20.085C2.333 496.985 14.348 509 29.032 509h449.635c16.316 0 29.666-13.35 29.666-29.666v-20.085c0 16.316-13.349 29.666-29.665 29.666"/><path fill="#FFF" d="m317.727 256l96.059-96.059c5.488-5.488 5.488-14.385 0-19.872l-41.854-41.854c-5.488-5.488-14.385-5.488-19.872 0L256 194.273l-96.059-96.059c-5.488-5.488-14.385-5.488-19.872 0l-41.854 41.854c-5.488 5.488-5.488 14.385 0 19.872L194.273 256l-96.059 96.059c-5.488 5.488-5.488 14.385 0 19.872l41.854 41.854c5.488 5.488 14.385 5.488 19.872 0L256 317.727l96.059 96.059c5.488 5.488 14.385 5.488 19.872 0l41.854-41.854c5.488-5.488 5.488-14.385 0-19.872z"/></svg>
  );
}

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#00B89C" d="M508.333 32.666C508.333 16.35 494.984 3 478.668 3H29.032C14.348 3 2.333 15.015 2.333 29.699v452.602C2.333 496.985 14.348 509 29.032 509h449.635c16.316 0 29.666-13.35 29.666-29.666z"/><path fill="#009E83" d="M478.668 488.915H29.032c-14.684 0-26.699-12.015-26.699-26.699v20.085C2.333 496.985 14.348 509 29.032 509h449.635c16.316 0 29.666-13.35 29.666-29.666v-20.085c0 16.316-13.349 29.666-29.665 29.666"/><path fill="#FFF" d="m317.727 256l96.059-96.059c5.488-5.488 5.488-14.385 0-19.872l-41.854-41.854c-5.488-5.488-14.385-5.488-19.872 0L256 194.273l-96.059-96.059c-5.488-5.488-14.385-5.488-19.872 0l-41.854 41.854c-5.488 5.488-5.488 14.385 0 19.872L194.273 256l-96.059 96.059c-5.488 5.488-5.488 14.385 0 19.872l41.854 41.854c5.488 5.488 14.385 5.488 19.872 0L256 317.727l96.059 96.059c5.488 5.488 14.385 5.488 19.872 0l41.854-41.854c5.488-5.488 5.488-14.385 0-19.872z"/></svg>
</template>

.icon-negativesquaredcrossmark {
  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%20512%20512%22%3E%3Cpath%20fill%3D%22%2300B89C%22%20d%3D%22M508.333%2032.666C508.333%2016.35%20494.984%203%20478.668%203H29.032C14.348%203%202.333%2015.015%202.333%2029.699v452.602C2.333%20496.985%2014.348%20509%2029.032%20509h449.635c16.316%200%2029.666-13.35%2029.666-29.666z%22%2F%3E%3Cpath%20fill%3D%22%23009E83%22%20d%3D%22M478.668%20488.915H29.032c-14.684%200-26.699-12.015-26.699-26.699v20.085C2.333%20496.985%2014.348%20509%2029.032%20509h449.635c16.316%200%2029.666-13.35%2029.666-29.666v-20.085c0%2016.316-13.349%2029.666-29.665%2029.666%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22m317.727%20256l96.059-96.059c5.488-5.488%205.488-14.385%200-19.872l-41.854-41.854c-5.488-5.488-14.385-5.488-19.872%200L256%20194.273l-96.059-96.059c-5.488-5.488-14.385-5.488-19.872%200l-41.854%2041.854c-5.488%205.488-5.488%2014.385%200%2019.872L194.273%20256l-96.059%2096.059c-5.488%205.488-5.488%2014.385%200%2019.872l41.854%2041.854c5.488%205.488%2014.385%205.488%2019.872%200L256%20317.727l96.059%2096.059c5.488%205.488%2014.385%205.488%2019.872%200l41.854-41.854c5.488-5.488%205.488-14.385%200-19.872z%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%20512%20512%22%3E%3Cpath%20fill%3D%22%2300B89C%22%20d%3D%22M508.333%2032.666C508.333%2016.35%20494.984%203%20478.668%203H29.032C14.348%203%202.333%2015.015%202.333%2029.699v452.602C2.333%20496.985%2014.348%20509%2029.032%20509h449.635c16.316%200%2029.666-13.35%2029.666-29.666z%22%2F%3E%3Cpath%20fill%3D%22%23009E83%22%20d%3D%22M478.668%20488.915H29.032c-14.684%200-26.699-12.015-26.699-26.699v20.085C2.333%20496.985%2014.348%20509%2029.032%20509h449.635c16.316%200%2029.666-13.35%2029.666-29.666v-20.085c0%2016.316-13.349%2029.666-29.665%2029.666%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22m317.727%20256l96.059-96.059c5.488-5.488%205.488-14.385%200-19.872l-41.854-41.854c-5.488-5.488-14.385-5.488-19.872%200L256%20194.273l-96.059-96.059c-5.488-5.488-14.385-5.488-19.872%200l-41.854%2041.854c-5.488%205.488-5.488%2014.385%200%2019.872L194.273%20256l-96.059%2096.059c-5.488%205.488-5.488%2014.385%200%2019.872l41.854%2041.854c5.488%205.488%2014.385%205.488%2019.872%200L256%20317.727l96.059%2096.059c5.488%205.488%2014.385%205.488%2019.872%200l41.854-41.854c5.488-5.488%205.488-14.385%200-19.872z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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