bling icon

bling-fill from MingCute Icon by MingCute Design · Fill · Apache-2.0 Free for personal and commercial use.

Name: bling-fill
Set: MingCute Icon
Style: Fill
Viewbox: 24×24
License: Apache 2.0

1 other variant in MingCute Icon

Use the bling icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M16.365 4.794a5.73 5.73 0 0 0 2.414-2.673a.241.241 0 0 1 .441 0a5.73 5.73 0 0 0 2.415 2.673c.16.09.16.321 0 .411A5.73 5.73 0 0 0 19.22 7.88a.241.241 0 0 1-.44 0a5.73 5.73 0 0 0-2.415-2.674a.236.236 0 0 1 0-.41m-4.442-2.182c-.356-.8-1.49-.8-1.846 0L9.035 4.96a11 11 0 0 1-4.66 5.12l-1.85 1.04a1.01 1.01 0 0 0 0 1.761l1.85 1.041a11 11 0 0 1 4.66 5.12l1.042 2.344c.355.8 1.49.8 1.846 0l1.042-2.344a11 11 0 0 1 4.659-5.12l1.85-1.04a1.01 1.01 0 0 0 0-1.761l-1.85-1.042a11 11 0 0 1-4.66-5.12z"/></svg>

React

import type { SVGProps } from "react";

export function MingcuteBlingFill(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="M16.365 4.794a5.73 5.73 0 0 0 2.414-2.673a.241.241 0 0 1 .441 0a5.73 5.73 0 0 0 2.415 2.673c.16.09.16.321 0 .411A5.73 5.73 0 0 0 19.22 7.88a.241.241 0 0 1-.44 0a5.73 5.73 0 0 0-2.415-2.674a.236.236 0 0 1 0-.41m-4.442-2.182c-.356-.8-1.49-.8-1.846 0L9.035 4.96a11 11 0 0 1-4.66 5.12l-1.85 1.04a1.01 1.01 0 0 0 0 1.761l1.85 1.041a11 11 0 0 1 4.66 5.12l1.042 2.344c.355.8 1.49.8 1.846 0l1.042-2.344a11 11 0 0 1 4.659-5.12l1.85-1.04a1.01 1.01 0 0 0 0-1.761l-1.85-1.042a11 11 0 0 1-4.66-5.12z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M16.365 4.794a5.73 5.73 0 0 0 2.414-2.673a.241.241 0 0 1 .441 0a5.73 5.73 0 0 0 2.415 2.673c.16.09.16.321 0 .411A5.73 5.73 0 0 0 19.22 7.88a.241.241 0 0 1-.44 0a5.73 5.73 0 0 0-2.415-2.674a.236.236 0 0 1 0-.41m-4.442-2.182c-.356-.8-1.49-.8-1.846 0L9.035 4.96a11 11 0 0 1-4.66 5.12l-1.85 1.04a1.01 1.01 0 0 0 0 1.761l1.85 1.041a11 11 0 0 1 4.66 5.12l1.042 2.344c.355.8 1.49.8 1.846 0l1.042-2.344a11 11 0 0 1 4.659-5.12l1.85-1.04a1.01 1.01 0 0 0 0-1.761l-1.85-1.042a11 11 0 0 1-4.66-5.12z"/></svg>
</template>

CSS

.icon-bling-fill {
  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%22M16.365%204.794a5.73%205.73%200%200%200%202.414-2.673a.241.241%200%200%201%20.441%200a5.73%205.73%200%200%200%202.415%202.673c.16.09.16.321%200%20.411A5.73%205.73%200%200%200%2019.22%207.88a.241.241%200%200%201-.44%200a5.73%205.73%200%200%200-2.415-2.674a.236.236%200%200%201%200-.41m-4.442-2.182c-.356-.8-1.49-.8-1.846%200L9.035%204.96a11%2011%200%200%201-4.66%205.12l-1.85%201.04a1.01%201.01%200%200%200%200%201.761l1.85%201.041a11%2011%200%200%201%204.66%205.12l1.042%202.344c.355.8%201.49.8%201.846%200l1.042-2.344a11%2011%200%200%201%204.659-5.12l1.85-1.04a1.01%201.01%200%200%200%200-1.761l-1.85-1.042a11%2011%200%200%201-4.66-5.12z%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%22M16.365%204.794a5.73%205.73%200%200%200%202.414-2.673a.241.241%200%200%201%20.441%200a5.73%205.73%200%200%200%202.415%202.673c.16.09.16.321%200%20.411A5.73%205.73%200%200%200%2019.22%207.88a.241.241%200%200%201-.44%200a5.73%205.73%200%200%200-2.415-2.674a.236.236%200%200%201%200-.41m-4.442-2.182c-.356-.8-1.49-.8-1.846%200L9.035%204.96a11%2011%200%200%201-4.66%205.12l-1.85%201.04a1.01%201.01%200%200%200%200%201.761l1.85%201.041a11%2011%200%200%201%204.66%205.12l1.042%202.344c.355.8%201.49.8%201.846%200l1.042-2.344a11%2011%200%200%201%204.659-5.12l1.85-1.04a1.01%201.01%200%200%200%200-1.761l-1.85-1.042a11%2011%200%200%201-4.66-5.12z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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