seal variant icon

seal-variant from Material Design Icons by Pictogrammers · Filled · Apache-2.0 Free for personal and commercial use.

Name
seal-variant
Set
Material Design Icons
Style
Filled
Viewbox
24×24
License
Apache 2.0

Use the seal variant icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M17.71 6.15c-.25-.77-.92-.94-1.26-1.38c-.31-.46-.27-1.15-.92-1.62s-1.3-.23-1.83-.38S12.81 2 12 2s-1.18.58-1.7.77s-1.17-.1-1.83.38s-.61 1.16-.92 1.62c-.34.44-1 .61-1.26 1.38S6.5 7.45 6.5 8S6 9.08 6.29 9.85s.92.94 1.26 1.38c.31.46.27 1.15.92 1.62s1.3.23 1.83.38s.89.77 1.7.77s1.18-.58 1.7-.77s1.17.1 1.83-.38s.61-1.16.92-1.62c.34-.44 1-.61 1.26-1.38S17.5 8.55 17.5 8s.5-1.08.21-1.85M12 12a4 4 0 1 1 4-4a4 4 0 0 1-4 4m2-4a2 2 0 1 1-2-2a2 2 0 0 1 2 2m-.29 7.56l-.63 3.6l-.73 4.13l-2.61-2.49l-3.3 1.45l1.33-7.5a4 4 0 0 0 1.89.42a4.2 4.2 0 0 0 1.34.68a3.3 3.3 0 0 0 1 .15a3.5 3.5 0 0 0 1.71-.44m4.21 3.22l-2.58-.92l.51-2.94a3.2 3.2 0 0 0 .85-.45l.12-.1Z"/></svg>

React

import type { SVGProps } from "react";

export function MdiSealVariant(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="M17.71 6.15c-.25-.77-.92-.94-1.26-1.38c-.31-.46-.27-1.15-.92-1.62s-1.3-.23-1.83-.38S12.81 2 12 2s-1.18.58-1.7.77s-1.17-.1-1.83.38s-.61 1.16-.92 1.62c-.34.44-1 .61-1.26 1.38S6.5 7.45 6.5 8S6 9.08 6.29 9.85s.92.94 1.26 1.38c.31.46.27 1.15.92 1.62s1.3.23 1.83.38s.89.77 1.7.77s1.18-.58 1.7-.77s1.17.1 1.83-.38s.61-1.16.92-1.62c.34-.44 1-.61 1.26-1.38S17.5 8.55 17.5 8s.5-1.08.21-1.85M12 12a4 4 0 1 1 4-4a4 4 0 0 1-4 4m2-4a2 2 0 1 1-2-2a2 2 0 0 1 2 2m-.29 7.56l-.63 3.6l-.73 4.13l-2.61-2.49l-3.3 1.45l1.33-7.5a4 4 0 0 0 1.89.42a4.2 4.2 0 0 0 1.34.68a3.3 3.3 0 0 0 1 .15a3.5 3.5 0 0 0 1.71-.44m4.21 3.22l-2.58-.92l.51-2.94a3.2 3.2 0 0 0 .85-.45l.12-.1Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M17.71 6.15c-.25-.77-.92-.94-1.26-1.38c-.31-.46-.27-1.15-.92-1.62s-1.3-.23-1.83-.38S12.81 2 12 2s-1.18.58-1.7.77s-1.17-.1-1.83.38s-.61 1.16-.92 1.62c-.34.44-1 .61-1.26 1.38S6.5 7.45 6.5 8S6 9.08 6.29 9.85s.92.94 1.26 1.38c.31.46.27 1.15.92 1.62s1.3.23 1.83.38s.89.77 1.7.77s1.18-.58 1.7-.77s1.17.1 1.83-.38s.61-1.16.92-1.62c.34-.44 1-.61 1.26-1.38S17.5 8.55 17.5 8s.5-1.08.21-1.85M12 12a4 4 0 1 1 4-4a4 4 0 0 1-4 4m2-4a2 2 0 1 1-2-2a2 2 0 0 1 2 2m-.29 7.56l-.63 3.6l-.73 4.13l-2.61-2.49l-3.3 1.45l1.33-7.5a4 4 0 0 0 1.89.42a4.2 4.2 0 0 0 1.34.68a3.3 3.3 0 0 0 1 .15a3.5 3.5 0 0 0 1.71-.44m4.21 3.22l-2.58-.92l.51-2.94a3.2 3.2 0 0 0 .85-.45l.12-.1Z"/></svg>
</template>

CSS

.icon-seal-variant {
  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%22M17.71%206.15c-.25-.77-.92-.94-1.26-1.38c-.31-.46-.27-1.15-.92-1.62s-1.3-.23-1.83-.38S12.81%202%2012%202s-1.18.58-1.7.77s-1.17-.1-1.83.38s-.61%201.16-.92%201.62c-.34.44-1%20.61-1.26%201.38S6.5%207.45%206.5%208S6%209.08%206.29%209.85s.92.94%201.26%201.38c.31.46.27%201.15.92%201.62s1.3.23%201.83.38s.89.77%201.7.77s1.18-.58%201.7-.77s1.17.1%201.83-.38s.61-1.16.92-1.62c.34-.44%201-.61%201.26-1.38S17.5%208.55%2017.5%208s.5-1.08.21-1.85M12%2012a4%204%200%201%201%204-4a4%204%200%200%201-4%204m2-4a2%202%200%201%201-2-2a2%202%200%200%201%202%202m-.29%207.56l-.63%203.6l-.73%204.13l-2.61-2.49l-3.3%201.45l1.33-7.5a4%204%200%200%200%201.89.42a4.2%204.2%200%200%200%201.34.68a3.3%203.3%200%200%200%201%20.15a3.5%203.5%200%200%200%201.71-.44m4.21%203.22l-2.58-.92l.51-2.94a3.2%203.2%200%200%200%20.85-.45l.12-.1Z%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%22M17.71%206.15c-.25-.77-.92-.94-1.26-1.38c-.31-.46-.27-1.15-.92-1.62s-1.3-.23-1.83-.38S12.81%202%2012%202s-1.18.58-1.7.77s-1.17-.1-1.83.38s-.61%201.16-.92%201.62c-.34.44-1%20.61-1.26%201.38S6.5%207.45%206.5%208S6%209.08%206.29%209.85s.92.94%201.26%201.38c.31.46.27%201.15.92%201.62s1.3.23%201.83.38s.89.77%201.7.77s1.18-.58%201.7-.77s1.17.1%201.83-.38s.61-1.16.92-1.62c.34-.44%201-.61%201.26-1.38S17.5%208.55%2017.5%208s.5-1.08.21-1.85M12%2012a4%204%200%201%201%204-4a4%204%200%200%201-4%204m2-4a2%202%200%201%201-2-2a2%202%200%200%201%202%202m-.29%207.56l-.63%203.6l-.73%204.13l-2.61-2.49l-3.3%201.45l1.33-7.5a4%204%200%200%200%201.89.42a4.2%204.2%200%200%200%201.34.68a3.3%203.3%200%200%200%201%20.15a3.5%203.5%200%200%200%201.71-.44m4.21%203.22l-2.58-.92l.51-2.94a3.2%203.2%200%200%200%20.85-.45l.12-.1Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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