seal icon

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

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

1 other variant in MingCute Icon

The same icon in other sets

sealFluent Emoji sealFluent Emoji Flat sealFluent Emoji High Contrast sealHuge Icons sealIconPark sealIconPark Outline sealIconPark Solid sealIconPark TwoTone sealMaterial Design Icons sealNoto Emoji sealOpenMoji sealPhosphor sealTDesign Icons sealTwitter Emoji

Use the seal icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M6 8a6 6 0 1 1 8.861 5.275a.3.3 0 0 0-.105.093l-.011.024L14.86 15H18a3 3 0 0 1 3 3v2a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-2a3 3 0 0 1 3-3h3.14l.115-1.608l-.01-.024a.3.3 0 0 0-.106-.093A6 6 0 0 1 6 8"/></svg>

React

import type { SVGProps } from "react";

export function MingcuteSealFill(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="M6 8a6 6 0 1 1 8.861 5.275a.3.3 0 0 0-.105.093l-.011.024L14.86 15H18a3 3 0 0 1 3 3v2a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-2a3 3 0 0 1 3-3h3.14l.115-1.608l-.01-.024a.3.3 0 0 0-.106-.093A6 6 0 0 1 6 8"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M6 8a6 6 0 1 1 8.861 5.275a.3.3 0 0 0-.105.093l-.011.024L14.86 15H18a3 3 0 0 1 3 3v2a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-2a3 3 0 0 1 3-3h3.14l.115-1.608l-.01-.024a.3.3 0 0 0-.106-.093A6 6 0 0 1 6 8"/></svg>
</template>

CSS

.icon-seal-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%22M6%208a6%206%200%201%201%208.861%205.275a.3.3%200%200%200-.105.093l-.011.024L14.86%2015H18a3%203%200%200%201%203%203v2a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2v-2a3%203%200%200%201%203-3h3.14l.115-1.608l-.01-.024a.3.3%200%200%200-.106-.093A6%206%200%200%201%206%208%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%22M6%208a6%206%200%201%201%208.861%205.275a.3.3%200%200%200-.105.093l-.011.024L14.86%2015H18a3%203%200%200%201%203%203v2a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2v-2a3%203%200%200%201%203-3h3.14l.115-1.608l-.01-.024a.3.3%200%200%200-.106-.093A6%206%200%200%201%206%208%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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