meteor icon logo

meteor-icon from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.

Name
meteor-icon
Set
SVG Logos
Style
Color
Viewbox
256×251
License
CC0

Use the meteor icon logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 251"><path fill="#df4f4f" d="M.439.438L219.3 232.266s7.457 5.259 13.158-.877c5.702-6.135 1.316-12.27 1.316-12.27zM69.738 22.35l166.668 179.677s7.456 5.26 13.158-.876c5.702-6.135 1.316-12.27 1.316-12.27zM21.053 69.242L187.72 248.919s7.456 5.259 13.158-.877c5.702-6.135 1.316-12.27 1.316-12.27zM128.32 41.194l116.442 125.53s5.21 3.674 9.193-.612c3.983-4.287.919-8.573.919-8.573zm-91.228 82.389l116.441 125.53s5.21 3.674 9.193-.613c3.983-4.286.919-8.572.919-8.572zM188.16 68.365l52.775 57.067s2.577 1.722 4.547-.287s.455-4.017.455-4.017zM66.229 181.43l52.775 57.067s2.577 1.722 4.547-.286s.455-4.017.455-4.017z"/></svg>

React

import type { SVGProps } from "react";

export function LogosMeteorIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 251"><path fill="#df4f4f" d="M.439.438L219.3 232.266s7.457 5.259 13.158-.877c5.702-6.135 1.316-12.27 1.316-12.27zM69.738 22.35l166.668 179.677s7.456 5.26 13.158-.876c5.702-6.135 1.316-12.27 1.316-12.27zM21.053 69.242L187.72 248.919s7.456 5.259 13.158-.877c5.702-6.135 1.316-12.27 1.316-12.27zM128.32 41.194l116.442 125.53s5.21 3.674 9.193-.612c3.983-4.287.919-8.573.919-8.573zm-91.228 82.389l116.441 125.53s5.21 3.674 9.193-.613c3.983-4.286.919-8.572.919-8.572zM188.16 68.365l52.775 57.067s2.577 1.722 4.547-.287s.455-4.017.455-4.017zM66.229 181.43l52.775 57.067s2.577 1.722 4.547-.286s.455-4.017.455-4.017z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 251"><path fill="#df4f4f" d="M.439.438L219.3 232.266s7.457 5.259 13.158-.877c5.702-6.135 1.316-12.27 1.316-12.27zM69.738 22.35l166.668 179.677s7.456 5.26 13.158-.876c5.702-6.135 1.316-12.27 1.316-12.27zM21.053 69.242L187.72 248.919s7.456 5.259 13.158-.877c5.702-6.135 1.316-12.27 1.316-12.27zM128.32 41.194l116.442 125.53s5.21 3.674 9.193-.612c3.983-4.287.919-8.573.919-8.573zm-91.228 82.389l116.441 125.53s5.21 3.674 9.193-.613c3.983-4.286.919-8.572.919-8.572zM188.16 68.365l52.775 57.067s2.577 1.722 4.547-.287s.455-4.017.455-4.017zM66.229 181.43l52.775 57.067s2.577 1.722 4.547-.286s.455-4.017.455-4.017z"/></svg>
</template>

CSS

.icon-meteor-icon {
  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%20251%22%3E%3Cpath%20fill%3D%22%23df4f4f%22%20d%3D%22M.439.438L219.3%20232.266s7.457%205.259%2013.158-.877c5.702-6.135%201.316-12.27%201.316-12.27zM69.738%2022.35l166.668%20179.677s7.456%205.26%2013.158-.876c5.702-6.135%201.316-12.27%201.316-12.27zM21.053%2069.242L187.72%20248.919s7.456%205.259%2013.158-.877c5.702-6.135%201.316-12.27%201.316-12.27zM128.32%2041.194l116.442%20125.53s5.21%203.674%209.193-.612c3.983-4.287.919-8.573.919-8.573zm-91.228%2082.389l116.441%20125.53s5.21%203.674%209.193-.613c3.983-4.286.919-8.572.919-8.572zM188.16%2068.365l52.775%2057.067s2.577%201.722%204.547-.287s.455-4.017.455-4.017zM66.229%20181.43l52.775%2057.067s2.577%201.722%204.547-.286s.455-4.017.455-4.017z%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%20251%22%3E%3Cpath%20fill%3D%22%23df4f4f%22%20d%3D%22M.439.438L219.3%20232.266s7.457%205.259%2013.158-.877c5.702-6.135%201.316-12.27%201.316-12.27zM69.738%2022.35l166.668%20179.677s7.456%205.26%2013.158-.876c5.702-6.135%201.316-12.27%201.316-12.27zM21.053%2069.242L187.72%20248.919s7.456%205.259%2013.158-.877c5.702-6.135%201.316-12.27%201.316-12.27zM128.32%2041.194l116.442%20125.53s5.21%203.674%209.193-.612c3.983-4.287.919-8.573.919-8.573zm-91.228%2082.389l116.441%20125.53s5.21%203.674%209.193-.613c3.983-4.286.919-8.572.919-8.572zM188.16%2068.365l52.775%2057.067s2.577%201.722%204.547-.287s.455-4.017.455-4.017zM66.229%20181.43l52.775%2057.067s2.577%201.722%204.547-.286s.455-4.017.455-4.017z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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