sagittarius emoji

sagittarius from Noto Emoji by Google Inc · Default · Symbols · Apache-2.0 Free for personal and commercial use.

Name
sagittarius
Set
Noto Emoji
Style
Default
Category
Symbols
Viewbox
128×128
License
Apache 2.0

The same emoji in other sets

More symbols icons from Noto Emoji

Use the sagittarius emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><circle cx="64" cy="64" r="60" fill="#0d47a1"/><circle cx="60.1" cy="63.1" r="56.1" fill="#1976d2"/><path fill="#fff" d="M24 29.7c4.5-7.1 14.1-13 24.1-14.8c2.5-.4 5-.6 7.1.2c1.6.6 2.9 2.1 2 3.8c-.7 1.4-2.6 2-4.1 2.5c-9.3 3-17.9 6.4-23.1 14.3c-2 3-4.9 14.4-8.6 12.3c-3.9-2.3-3.1-9.5 2.6-18.3" opacity=".3"/><path fill="#fafafa" d="M92 34H64.2c-2.1 0-4 1.5-4.2 3.6c-.2 2.4 1.7 4.4 4 4.4h15.8c.9 0 1.3 1.1.7 1.7L59 64.8c-.8.8-2 .8-2.8 0l-9.7-9.6c-1.6-1.6-4.1-1.6-5.7 0s-1.6 4.1 0 5.7l9.7 9.6c.8.8.8 2.1 0 2.8L33.3 91c-1.5 1.5-1.8 4.1-.3 5.7c1.5 1.7 4.2 1.8 5.8.2l17.5-18c.8-.8 2-.8 2.8 0l10.1 10c1.6 1.6 4.1 1.6 5.7 0s1.6-4.1 0-5.7l-10.1-10c-.8-.8-.8-2.1 0-2.8l21.6-21.1c.6-.6 1.7-.2 1.7.7v15.9c0 2.1 1.5 3.9 3.6 4.2c2.4.2 4.4-1.6 4.4-4V38c-.1-2.2-1.9-4-4.1-4"/></svg>

React

import type { SVGProps } from "react";

export function NotoSagittarius(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><circle cx="64" cy="64" r="60" fill="#0d47a1"/><circle cx="60.1" cy="63.1" r="56.1" fill="#1976d2"/><path fill="#fff" d="M24 29.7c4.5-7.1 14.1-13 24.1-14.8c2.5-.4 5-.6 7.1.2c1.6.6 2.9 2.1 2 3.8c-.7 1.4-2.6 2-4.1 2.5c-9.3 3-17.9 6.4-23.1 14.3c-2 3-4.9 14.4-8.6 12.3c-3.9-2.3-3.1-9.5 2.6-18.3" opacity=".3"/><path fill="#fafafa" d="M92 34H64.2c-2.1 0-4 1.5-4.2 3.6c-.2 2.4 1.7 4.4 4 4.4h15.8c.9 0 1.3 1.1.7 1.7L59 64.8c-.8.8-2 .8-2.8 0l-9.7-9.6c-1.6-1.6-4.1-1.6-5.7 0s-1.6 4.1 0 5.7l9.7 9.6c.8.8.8 2.1 0 2.8L33.3 91c-1.5 1.5-1.8 4.1-.3 5.7c1.5 1.7 4.2 1.8 5.8.2l17.5-18c.8-.8 2-.8 2.8 0l10.1 10c1.6 1.6 4.1 1.6 5.7 0s1.6-4.1 0-5.7l-10.1-10c-.8-.8-.8-2.1 0-2.8l21.6-21.1c.6-.6 1.7-.2 1.7.7v15.9c0 2.1 1.5 3.9 3.6 4.2c2.4.2 4.4-1.6 4.4-4V38c-.1-2.2-1.9-4-4.1-4"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><circle cx="64" cy="64" r="60" fill="#0d47a1"/><circle cx="60.1" cy="63.1" r="56.1" fill="#1976d2"/><path fill="#fff" d="M24 29.7c4.5-7.1 14.1-13 24.1-14.8c2.5-.4 5-.6 7.1.2c1.6.6 2.9 2.1 2 3.8c-.7 1.4-2.6 2-4.1 2.5c-9.3 3-17.9 6.4-23.1 14.3c-2 3-4.9 14.4-8.6 12.3c-3.9-2.3-3.1-9.5 2.6-18.3" opacity=".3"/><path fill="#fafafa" d="M92 34H64.2c-2.1 0-4 1.5-4.2 3.6c-.2 2.4 1.7 4.4 4 4.4h15.8c.9 0 1.3 1.1.7 1.7L59 64.8c-.8.8-2 .8-2.8 0l-9.7-9.6c-1.6-1.6-4.1-1.6-5.7 0s-1.6 4.1 0 5.7l9.7 9.6c.8.8.8 2.1 0 2.8L33.3 91c-1.5 1.5-1.8 4.1-.3 5.7c1.5 1.7 4.2 1.8 5.8.2l17.5-18c.8-.8 2-.8 2.8 0l10.1 10c1.6 1.6 4.1 1.6 5.7 0s1.6-4.1 0-5.7l-10.1-10c-.8-.8-.8-2.1 0-2.8l21.6-21.1c.6-.6 1.7-.2 1.7.7v15.9c0 2.1 1.5 3.9 3.6 4.2c2.4.2 4.4-1.6 4.4-4V38c-.1-2.2-1.9-4-4.1-4"/></svg>
</template>

CSS

.icon-sagittarius {
  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%20128%20128%22%3E%3Ccircle%20cx%3D%2264%22%20cy%3D%2264%22%20r%3D%2260%22%20fill%3D%22%230d47a1%22%2F%3E%3Ccircle%20cx%3D%2260.1%22%20cy%3D%2263.1%22%20r%3D%2256.1%22%20fill%3D%22%231976d2%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M24%2029.7c4.5-7.1%2014.1-13%2024.1-14.8c2.5-.4%205-.6%207.1.2c1.6.6%202.9%202.1%202%203.8c-.7%201.4-2.6%202-4.1%202.5c-9.3%203-17.9%206.4-23.1%2014.3c-2%203-4.9%2014.4-8.6%2012.3c-3.9-2.3-3.1-9.5%202.6-18.3%22%20opacity%3D%22.3%22%2F%3E%3Cpath%20fill%3D%22%23fafafa%22%20d%3D%22M92%2034H64.2c-2.1%200-4%201.5-4.2%203.6c-.2%202.4%201.7%204.4%204%204.4h15.8c.9%200%201.3%201.1.7%201.7L59%2064.8c-.8.8-2%20.8-2.8%200l-9.7-9.6c-1.6-1.6-4.1-1.6-5.7%200s-1.6%204.1%200%205.7l9.7%209.6c.8.8.8%202.1%200%202.8L33.3%2091c-1.5%201.5-1.8%204.1-.3%205.7c1.5%201.7%204.2%201.8%205.8.2l17.5-18c.8-.8%202-.8%202.8%200l10.1%2010c1.6%201.6%204.1%201.6%205.7%200s1.6-4.1%200-5.7l-10.1-10c-.8-.8-.8-2.1%200-2.8l21.6-21.1c.6-.6%201.7-.2%201.7.7v15.9c0%202.1%201.5%203.9%203.6%204.2c2.4.2%204.4-1.6%204.4-4V38c-.1-2.2-1.9-4-4.1-4%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%20128%20128%22%3E%3Ccircle%20cx%3D%2264%22%20cy%3D%2264%22%20r%3D%2260%22%20fill%3D%22%230d47a1%22%2F%3E%3Ccircle%20cx%3D%2260.1%22%20cy%3D%2263.1%22%20r%3D%2256.1%22%20fill%3D%22%231976d2%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M24%2029.7c4.5-7.1%2014.1-13%2024.1-14.8c2.5-.4%205-.6%207.1.2c1.6.6%202.9%202.1%202%203.8c-.7%201.4-2.6%202-4.1%202.5c-9.3%203-17.9%206.4-23.1%2014.3c-2%203-4.9%2014.4-8.6%2012.3c-3.9-2.3-3.1-9.5%202.6-18.3%22%20opacity%3D%22.3%22%2F%3E%3Cpath%20fill%3D%22%23fafafa%22%20d%3D%22M92%2034H64.2c-2.1%200-4%201.5-4.2%203.6c-.2%202.4%201.7%204.4%204%204.4h15.8c.9%200%201.3%201.1.7%201.7L59%2064.8c-.8.8-2%20.8-2.8%200l-9.7-9.6c-1.6-1.6-4.1-1.6-5.7%200s-1.6%204.1%200%205.7l9.7%209.6c.8.8.8%202.1%200%202.8L33.3%2091c-1.5%201.5-1.8%204.1-.3%205.7c1.5%201.7%204.2%201.8%205.8.2l17.5-18c.8-.8%202-.8%202.8%200l10.1%2010c1.6%201.6%204.1%201.6%205.7%200s1.6-4.1%200-5.7l-10.1-10c-.8-.8-.8-2.1%200-2.8l21.6-21.1c.6-.6%201.7-.2%201.7.7v15.9c0%202.1%201.5%203.9%203.6%204.2c2.4.2%204.4-1.6%204.4-4V38c-.1-2.2-1.9-4-4.1-4%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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