meteor icon

meteor-light from Phosphor by Phosphor Icons · Light · MIT Free for personal and commercial use.

Name: meteor-light
Set: Phosphor
Style: Light
Viewbox: 256×256
License: MIT

5 other variants in Phosphor

meteor meteor-bold meteor-duotone meteor-fill meteor-thin

The same icon in other sets

meteorBoxIcons v2 meteorBoxIcons v2 Solid meteorCoreUI Brands meteorDevicon meteorFont Awesome 6 Solid meteorFont Awesome Solid meteorLine Awesome meteorSVG Logos meteorMaterial Design Icons meteorNoto Emoji meteorOpenMoji meteor-fillRemix Icon meteorSimple Icons meteorTabler Icons

Use the meteor icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M96 122a38 38 0 1 0 38 38a38 38 0 0 0-38-38m0 64a26 26 0 1 1 26-26a26 26 0 0 1-26 26m124.24-62.24a6 6 0 0 1 0 8.48l-48 48a6 6 0 0 1-8.48-8.48l48-48a6 6 0 0 1 8.48 0m-56 8.48a6 6 0 0 1-8.48-8.48l24-24a6 6 0 0 1 8.48 8.48Zm64-64l-16 16a6 6 0 0 1-8.48-8.48l16-16a6 6 0 0 1 8.48 8.48M123.76 91.76l72-72a6 6 0 0 1 8.48 8.48l-72 72a6 6 0 1 1-8.48-8.48M145.5 201a6 6 0 0 1 0 8.49a70 70 0 0 1-99-99l82.75-82.74a6 6 0 1 1 8.48 8.48L55 119a58 58 0 1 0 82 82a6 6 0 0 1 8.5 0"/></svg>

React

import type { SVGProps } from "react";

export function PhMeteorLight(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M96 122a38 38 0 1 0 38 38a38 38 0 0 0-38-38m0 64a26 26 0 1 1 26-26a26 26 0 0 1-26 26m124.24-62.24a6 6 0 0 1 0 8.48l-48 48a6 6 0 0 1-8.48-8.48l48-48a6 6 0 0 1 8.48 0m-56 8.48a6 6 0 0 1-8.48-8.48l24-24a6 6 0 0 1 8.48 8.48Zm64-64l-16 16a6 6 0 0 1-8.48-8.48l16-16a6 6 0 0 1 8.48 8.48M123.76 91.76l72-72a6 6 0 0 1 8.48 8.48l-72 72a6 6 0 1 1-8.48-8.48M145.5 201a6 6 0 0 1 0 8.49a70 70 0 0 1-99-99l82.75-82.74a6 6 0 1 1 8.48 8.48L55 119a58 58 0 1 0 82 82a6 6 0 0 1 8.5 0"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M96 122a38 38 0 1 0 38 38a38 38 0 0 0-38-38m0 64a26 26 0 1 1 26-26a26 26 0 0 1-26 26m124.24-62.24a6 6 0 0 1 0 8.48l-48 48a6 6 0 0 1-8.48-8.48l48-48a6 6 0 0 1 8.48 0m-56 8.48a6 6 0 0 1-8.48-8.48l24-24a6 6 0 0 1 8.48 8.48Zm64-64l-16 16a6 6 0 0 1-8.48-8.48l16-16a6 6 0 0 1 8.48 8.48M123.76 91.76l72-72a6 6 0 0 1 8.48 8.48l-72 72a6 6 0 1 1-8.48-8.48M145.5 201a6 6 0 0 1 0 8.49a70 70 0 0 1-99-99l82.75-82.74a6 6 0 1 1 8.48 8.48L55 119a58 58 0 1 0 82 82a6 6 0 0 1 8.5 0"/></svg>
</template>

CSS

.icon-meteor-light {
  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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M96%20122a38%2038%200%201%200%2038%2038a38%2038%200%200%200-38-38m0%2064a26%2026%200%201%201%2026-26a26%2026%200%200%201-26%2026m124.24-62.24a6%206%200%200%201%200%208.48l-48%2048a6%206%200%200%201-8.48-8.48l48-48a6%206%200%200%201%208.48%200m-56%208.48a6%206%200%200%201-8.48-8.48l24-24a6%206%200%200%201%208.48%208.48Zm64-64l-16%2016a6%206%200%200%201-8.48-8.48l16-16a6%206%200%200%201%208.48%208.48M123.76%2091.76l72-72a6%206%200%200%201%208.48%208.48l-72%2072a6%206%200%201%201-8.48-8.48M145.5%20201a6%206%200%200%201%200%208.49a70%2070%200%200%201-99-99l82.75-82.74a6%206%200%201%201%208.48%208.48L55%20119a58%2058%200%201%200%2082%2082a6%206%200%200%201%208.5%200%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M96%20122a38%2038%200%201%200%2038%2038a38%2038%200%200%200-38-38m0%2064a26%2026%200%201%201%2026-26a26%2026%200%200%201-26%2026m124.24-62.24a6%206%200%200%201%200%208.48l-48%2048a6%206%200%200%201-8.48-8.48l48-48a6%206%200%200%201%208.48%200m-56%208.48a6%206%200%200%201-8.48-8.48l24-24a6%206%200%200%201%208.48%208.48Zm64-64l-16%2016a6%206%200%200%201-8.48-8.48l16-16a6%206%200%200%201%208.48%208.48M123.76%2091.76l72-72a6%206%200%200%201%208.48%208.48l-72%2072a6%206%200%201%201-8.48-8.48M145.5%20201a6%206%200%200%201%200%208.49a70%2070%200%200%201-99-99l82.75-82.74a6%206%200%201%201%208.48%208.48L55%20119a58%2058%200%201%200%2082%2082a6%206%200%200%201%208.5%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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