sunrays emoji

More nature icons from Firefox OS Emoji

Use the sunrays emoji

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#FFC639" d="m260.622 42.537l58.117-39.696c3.641-2.487 8.643-1.147 10.552 2.828l30.483 63.437a7.2 7.2 0 0 0 7.035 4.062l70.179-5.32c4.397-.333 8.058 3.328 7.725 7.725l-5.32 70.179a7.2 7.2 0 0 0 4.062 7.035l63.437 30.483c3.975 1.91 5.315 6.911 2.828 10.552l-39.696 58.117a7.2 7.2 0 0 0 0 8.123l39.696 58.117c2.487 3.641 1.147 8.643-2.828 10.552l-63.437 30.483a7.2 7.2 0 0 0-4.062 7.035l5.32 70.179c.333 4.397-3.328 8.058-7.725 7.725l-70.179-5.32a7.2 7.2 0 0 0-7.035 4.062l-30.483 63.437c-1.91 3.975-6.911 5.315-10.552 2.828l-58.117-39.696a7.2 7.2 0 0 0-8.123 0l-58.117 39.696c-3.641 2.487-8.643 1.147-10.552-2.828l-30.483-63.437a7.2 7.2 0 0 0-7.035-4.062l-70.179 5.32c-4.397.333-8.058-3.328-7.725-7.725l5.32-70.179a7.2 7.2 0 0 0-4.062-7.035L6.228 328.731c-3.975-1.91-5.315-6.911-2.828-10.552l39.696-58.117a7.2 7.2 0 0 0 0-8.123L3.401 193.821c-2.487-3.641-1.147-8.643 2.828-10.552l63.437-30.483a7.2 7.2 0 0 0 4.062-7.035l-5.32-70.179c-.333-4.397 3.328-8.058 7.725-7.725l70.179 5.32a7.2 7.2 0 0 0 7.035-4.062L183.83 5.668c1.91-3.975 6.911-5.315 10.552-2.828l58.117 39.696a7.2 7.2 0 0 0 8.123.001"/><circle cx="256.56" cy="256" r="194.415" fill="#FFE564"/></svg>

import type { SVGProps } from "react";

export function FxemojiSunrays(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#FFC639" d="m260.622 42.537l58.117-39.696c3.641-2.487 8.643-1.147 10.552 2.828l30.483 63.437a7.2 7.2 0 0 0 7.035 4.062l70.179-5.32c4.397-.333 8.058 3.328 7.725 7.725l-5.32 70.179a7.2 7.2 0 0 0 4.062 7.035l63.437 30.483c3.975 1.91 5.315 6.911 2.828 10.552l-39.696 58.117a7.2 7.2 0 0 0 0 8.123l39.696 58.117c2.487 3.641 1.147 8.643-2.828 10.552l-63.437 30.483a7.2 7.2 0 0 0-4.062 7.035l5.32 70.179c.333 4.397-3.328 8.058-7.725 7.725l-70.179-5.32a7.2 7.2 0 0 0-7.035 4.062l-30.483 63.437c-1.91 3.975-6.911 5.315-10.552 2.828l-58.117-39.696a7.2 7.2 0 0 0-8.123 0l-58.117 39.696c-3.641 2.487-8.643 1.147-10.552-2.828l-30.483-63.437a7.2 7.2 0 0 0-7.035-4.062l-70.179 5.32c-4.397.333-8.058-3.328-7.725-7.725l5.32-70.179a7.2 7.2 0 0 0-4.062-7.035L6.228 328.731c-3.975-1.91-5.315-6.911-2.828-10.552l39.696-58.117a7.2 7.2 0 0 0 0-8.123L3.401 193.821c-2.487-3.641-1.147-8.643 2.828-10.552l63.437-30.483a7.2 7.2 0 0 0 4.062-7.035l-5.32-70.179c-.333-4.397 3.328-8.058 7.725-7.725l70.179 5.32a7.2 7.2 0 0 0 7.035-4.062L183.83 5.668c1.91-3.975 6.911-5.315 10.552-2.828l58.117 39.696a7.2 7.2 0 0 0 8.123.001"/><circle cx="256.56" cy="256" r="194.415" fill="#FFE564"/></svg>
  );
}

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#FFC639" d="m260.622 42.537l58.117-39.696c3.641-2.487 8.643-1.147 10.552 2.828l30.483 63.437a7.2 7.2 0 0 0 7.035 4.062l70.179-5.32c4.397-.333 8.058 3.328 7.725 7.725l-5.32 70.179a7.2 7.2 0 0 0 4.062 7.035l63.437 30.483c3.975 1.91 5.315 6.911 2.828 10.552l-39.696 58.117a7.2 7.2 0 0 0 0 8.123l39.696 58.117c2.487 3.641 1.147 8.643-2.828 10.552l-63.437 30.483a7.2 7.2 0 0 0-4.062 7.035l5.32 70.179c.333 4.397-3.328 8.058-7.725 7.725l-70.179-5.32a7.2 7.2 0 0 0-7.035 4.062l-30.483 63.437c-1.91 3.975-6.911 5.315-10.552 2.828l-58.117-39.696a7.2 7.2 0 0 0-8.123 0l-58.117 39.696c-3.641 2.487-8.643 1.147-10.552-2.828l-30.483-63.437a7.2 7.2 0 0 0-7.035-4.062l-70.179 5.32c-4.397.333-8.058-3.328-7.725-7.725l5.32-70.179a7.2 7.2 0 0 0-4.062-7.035L6.228 328.731c-3.975-1.91-5.315-6.911-2.828-10.552l39.696-58.117a7.2 7.2 0 0 0 0-8.123L3.401 193.821c-2.487-3.641-1.147-8.643 2.828-10.552l63.437-30.483a7.2 7.2 0 0 0 4.062-7.035l-5.32-70.179c-.333-4.397 3.328-8.058 7.725-7.725l70.179 5.32a7.2 7.2 0 0 0 7.035-4.062L183.83 5.668c1.91-3.975 6.911-5.315 10.552-2.828l58.117 39.696a7.2 7.2 0 0 0 8.123.001"/><circle cx="256.56" cy="256" r="194.415" fill="#FFE564"/></svg>
</template>

.icon-sunrays {
  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%23FFC639%22%20d%3D%22m260.622%2042.537l58.117-39.696c3.641-2.487%208.643-1.147%2010.552%202.828l30.483%2063.437a7.2%207.2%200%200%200%207.035%204.062l70.179-5.32c4.397-.333%208.058%203.328%207.725%207.725l-5.32%2070.179a7.2%207.2%200%200%200%204.062%207.035l63.437%2030.483c3.975%201.91%205.315%206.911%202.828%2010.552l-39.696%2058.117a7.2%207.2%200%200%200%200%208.123l39.696%2058.117c2.487%203.641%201.147%208.643-2.828%2010.552l-63.437%2030.483a7.2%207.2%200%200%200-4.062%207.035l5.32%2070.179c.333%204.397-3.328%208.058-7.725%207.725l-70.179-5.32a7.2%207.2%200%200%200-7.035%204.062l-30.483%2063.437c-1.91%203.975-6.911%205.315-10.552%202.828l-58.117-39.696a7.2%207.2%200%200%200-8.123%200l-58.117%2039.696c-3.641%202.487-8.643%201.147-10.552-2.828l-30.483-63.437a7.2%207.2%200%200%200-7.035-4.062l-70.179%205.32c-4.397.333-8.058-3.328-7.725-7.725l5.32-70.179a7.2%207.2%200%200%200-4.062-7.035L6.228%20328.731c-3.975-1.91-5.315-6.911-2.828-10.552l39.696-58.117a7.2%207.2%200%200%200%200-8.123L3.401%20193.821c-2.487-3.641-1.147-8.643%202.828-10.552l63.437-30.483a7.2%207.2%200%200%200%204.062-7.035l-5.32-70.179c-.333-4.397%203.328-8.058%207.725-7.725l70.179%205.32a7.2%207.2%200%200%200%207.035-4.062L183.83%205.668c1.91-3.975%206.911-5.315%2010.552-2.828l58.117%2039.696a7.2%207.2%200%200%200%208.123.001%22%2F%3E%3Ccircle%20cx%3D%22256.56%22%20cy%3D%22256%22%20r%3D%22194.415%22%20fill%3D%22%23FFE564%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%23FFC639%22%20d%3D%22m260.622%2042.537l58.117-39.696c3.641-2.487%208.643-1.147%2010.552%202.828l30.483%2063.437a7.2%207.2%200%200%200%207.035%204.062l70.179-5.32c4.397-.333%208.058%203.328%207.725%207.725l-5.32%2070.179a7.2%207.2%200%200%200%204.062%207.035l63.437%2030.483c3.975%201.91%205.315%206.911%202.828%2010.552l-39.696%2058.117a7.2%207.2%200%200%200%200%208.123l39.696%2058.117c2.487%203.641%201.147%208.643-2.828%2010.552l-63.437%2030.483a7.2%207.2%200%200%200-4.062%207.035l5.32%2070.179c.333%204.397-3.328%208.058-7.725%207.725l-70.179-5.32a7.2%207.2%200%200%200-7.035%204.062l-30.483%2063.437c-1.91%203.975-6.911%205.315-10.552%202.828l-58.117-39.696a7.2%207.2%200%200%200-8.123%200l-58.117%2039.696c-3.641%202.487-8.643%201.147-10.552-2.828l-30.483-63.437a7.2%207.2%200%200%200-7.035-4.062l-70.179%205.32c-4.397.333-8.058-3.328-7.725-7.725l5.32-70.179a7.2%207.2%200%200%200-4.062-7.035L6.228%20328.731c-3.975-1.91-5.315-6.911-2.828-10.552l39.696-58.117a7.2%207.2%200%200%200%200-8.123L3.401%20193.821c-2.487-3.641-1.147-8.643%202.828-10.552l63.437-30.483a7.2%207.2%200%200%200%204.062-7.035l-5.32-70.179c-.333-4.397%203.328-8.058%207.725-7.725l70.179%205.32a7.2%207.2%200%200%200%207.035-4.062L183.83%205.668c1.91-3.975%206.911-5.315%2010.552-2.828l58.117%2039.696a7.2%207.2%200%200%200%208.123.001%22%2F%3E%3Ccircle%20cx%3D%22256.56%22%20cy%3D%22256%22%20r%3D%22194.415%22%20fill%3D%22%23FFE564%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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