diamondshapewithdotinside emoji

diamondshapewithdotinside from Firefox OS Emoji by Mozilla · Default · Symbols · Apache-2.0 Free for personal and commercial use.

Name
diamondshapewithdotinside
Set
Firefox OS Emoji
Style
Default
Category
Symbols
Viewbox
512×512
License
Apache 2.0

More symbols icons from Firefox OS Emoji

alarmclockantennawithbarsanticlockwiseupwardsanddownwardsarrowsaquariusariesarrowrightwardsdownwardsarrowrightwardsupwardsautomatedtellermachinebabysymbolbackwithleftwardsarrowbaggageclaimballotboxwithcheckblackclubsuitblackdiamondsuitblackdownpointingdoublearrowblackheartsuitblacklargesquareblackleftpointingarrowblackleftpointingdoublearrowblackmediumsmallsquareblackmediumsquareblackquestionmarkblackrightpointingarrowblackrightpointingdoublearrow

Use the diamondshapewithdotinside emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#59CAFC" d="M245.818 231.747L142.945 128.874c-5.624-5.624-5.624-14.741 0-20.365L245.818 5.637c5.624-5.624 14.741-5.624 20.365 0L369.055 108.51c5.624 5.624 5.624 14.741 0 20.365L266.182 231.747c-5.623 5.623-14.741 5.623-20.364 0m20.364 274.616L369.055 403.49c5.624-5.624 5.624-14.741 0-20.365L266.182 280.253c-5.624-5.624-14.741-5.624-20.365 0L142.945 383.126c-5.624 5.624-5.624 14.741 0 20.365l102.873 102.873c5.623 5.623 14.741 5.623 20.364-.001m14.071-241.724l102.873 102.873c5.624 5.624 14.741 5.624 20.365 0l102.873-102.873c5.624-5.624 5.624-14.741 0-20.365L403.49 141.402c-5.624-5.624-14.741-5.624-20.365 0L280.253 244.275c-5.623 5.623-5.623 14.741 0 20.364m-274.616 0L108.51 367.512c5.624 5.624 14.741 5.624 20.365 0l102.873-102.873c5.624-5.624 5.624-14.741 0-20.365L128.874 141.402c-5.624-5.624-14.741-5.624-20.365 0L5.637 244.275c-5.624 5.623-5.624 14.741 0 20.364"/><circle cx="253.538" cy="256" r="52.235" fill="#0096D1"/></svg>

React

import type { SVGProps } from "react";

export function FxemojiDiamondshapewithdotinside(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#59CAFC" d="M245.818 231.747L142.945 128.874c-5.624-5.624-5.624-14.741 0-20.365L245.818 5.637c5.624-5.624 14.741-5.624 20.365 0L369.055 108.51c5.624 5.624 5.624 14.741 0 20.365L266.182 231.747c-5.623 5.623-14.741 5.623-20.364 0m20.364 274.616L369.055 403.49c5.624-5.624 5.624-14.741 0-20.365L266.182 280.253c-5.624-5.624-14.741-5.624-20.365 0L142.945 383.126c-5.624 5.624-5.624 14.741 0 20.365l102.873 102.873c5.623 5.623 14.741 5.623 20.364-.001m14.071-241.724l102.873 102.873c5.624 5.624 14.741 5.624 20.365 0l102.873-102.873c5.624-5.624 5.624-14.741 0-20.365L403.49 141.402c-5.624-5.624-14.741-5.624-20.365 0L280.253 244.275c-5.623 5.623-5.623 14.741 0 20.364m-274.616 0L108.51 367.512c5.624 5.624 14.741 5.624 20.365 0l102.873-102.873c5.624-5.624 5.624-14.741 0-20.365L128.874 141.402c-5.624-5.624-14.741-5.624-20.365 0L5.637 244.275c-5.624 5.623-5.624 14.741 0 20.364"/><circle cx="253.538" cy="256" r="52.235" fill="#0096D1"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#59CAFC" d="M245.818 231.747L142.945 128.874c-5.624-5.624-5.624-14.741 0-20.365L245.818 5.637c5.624-5.624 14.741-5.624 20.365 0L369.055 108.51c5.624 5.624 5.624 14.741 0 20.365L266.182 231.747c-5.623 5.623-14.741 5.623-20.364 0m20.364 274.616L369.055 403.49c5.624-5.624 5.624-14.741 0-20.365L266.182 280.253c-5.624-5.624-14.741-5.624-20.365 0L142.945 383.126c-5.624 5.624-5.624 14.741 0 20.365l102.873 102.873c5.623 5.623 14.741 5.623 20.364-.001m14.071-241.724l102.873 102.873c5.624 5.624 14.741 5.624 20.365 0l102.873-102.873c5.624-5.624 5.624-14.741 0-20.365L403.49 141.402c-5.624-5.624-14.741-5.624-20.365 0L280.253 244.275c-5.623 5.623-5.623 14.741 0 20.364m-274.616 0L108.51 367.512c5.624 5.624 14.741 5.624 20.365 0l102.873-102.873c5.624-5.624 5.624-14.741 0-20.365L128.874 141.402c-5.624-5.624-14.741-5.624-20.365 0L5.637 244.275c-5.624 5.623-5.624 14.741 0 20.364"/><circle cx="253.538" cy="256" r="52.235" fill="#0096D1"/></svg>
</template>

CSS

.icon-diamondshapewithdotinside {
  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%2359CAFC%22%20d%3D%22M245.818%20231.747L142.945%20128.874c-5.624-5.624-5.624-14.741%200-20.365L245.818%205.637c5.624-5.624%2014.741-5.624%2020.365%200L369.055%20108.51c5.624%205.624%205.624%2014.741%200%2020.365L266.182%20231.747c-5.623%205.623-14.741%205.623-20.364%200m20.364%20274.616L369.055%20403.49c5.624-5.624%205.624-14.741%200-20.365L266.182%20280.253c-5.624-5.624-14.741-5.624-20.365%200L142.945%20383.126c-5.624%205.624-5.624%2014.741%200%2020.365l102.873%20102.873c5.623%205.623%2014.741%205.623%2020.364-.001m14.071-241.724l102.873%20102.873c5.624%205.624%2014.741%205.624%2020.365%200l102.873-102.873c5.624-5.624%205.624-14.741%200-20.365L403.49%20141.402c-5.624-5.624-14.741-5.624-20.365%200L280.253%20244.275c-5.623%205.623-5.623%2014.741%200%2020.364m-274.616%200L108.51%20367.512c5.624%205.624%2014.741%205.624%2020.365%200l102.873-102.873c5.624-5.624%205.624-14.741%200-20.365L128.874%20141.402c-5.624-5.624-14.741-5.624-20.365%200L5.637%20244.275c-5.624%205.623-5.624%2014.741%200%2020.364%22%2F%3E%3Ccircle%20cx%3D%22253.538%22%20cy%3D%22256%22%20r%3D%2252.235%22%20fill%3D%22%230096D1%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%2359CAFC%22%20d%3D%22M245.818%20231.747L142.945%20128.874c-5.624-5.624-5.624-14.741%200-20.365L245.818%205.637c5.624-5.624%2014.741-5.624%2020.365%200L369.055%20108.51c5.624%205.624%205.624%2014.741%200%2020.365L266.182%20231.747c-5.623%205.623-14.741%205.623-20.364%200m20.364%20274.616L369.055%20403.49c5.624-5.624%205.624-14.741%200-20.365L266.182%20280.253c-5.624-5.624-14.741-5.624-20.365%200L142.945%20383.126c-5.624%205.624-5.624%2014.741%200%2020.365l102.873%20102.873c5.623%205.623%2014.741%205.623%2020.364-.001m14.071-241.724l102.873%20102.873c5.624%205.624%2014.741%205.624%2020.365%200l102.873-102.873c5.624-5.624%205.624-14.741%200-20.365L403.49%20141.402c-5.624-5.624-14.741-5.624-20.365%200L280.253%20244.275c-5.623%205.623-5.623%2014.741%200%2020.364m-274.616%200L108.51%20367.512c5.624%205.624%2014.741%205.624%2020.365%200l102.873-102.873c5.624-5.624%205.624-14.741%200-20.365L128.874%20141.402c-5.624-5.624-14.741-5.624-20.365%200L5.637%20244.275c-5.624%205.623-5.624%2014.741%200%2020.364%22%2F%3E%3Ccircle%20cx%3D%22253.538%22%20cy%3D%22256%22%20r%3D%2252.235%22%20fill%3D%22%230096D1%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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