astro logo
astro from Material Icon Theme by Material Extensions · Color · MIT Free for personal and commercial use.
- Name
- astro
- Set
- Material Icon Theme
- Style
- Color
- Viewbox
- 32×32
- License
- MIT
The same logo in other sets
Related icons in Material Icon Theme
Use the astro logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#7c4dff" d="M12.106 25.849c-1.262-1.156-1.63-3.586-1.105-5.346a5.18 5.18 0 0 0 3.484 1.66a9.68 9.68 0 0 0 5.882-.734c.215-.106.413-.247.648-.39a3.5 3.5 0 0 1 .16 1.555a4.26 4.26 0 0 1-1.798 3.021c-.404.3-.832.569-1.25.852a2.613 2.613 0 0 0-1.15 3.372l.048.161a3.4 3.4 0 0 1-1.5-1.285a3.6 3.6 0 0 1-.578-1.962a9 9 0 0 0-.05-1.037c-.114-.831-.504-1.204-1.238-1.225a1.45 1.45 0 0 0-1.507 1.18c-.012.056-.028.112-.046.178M4.901 20a17.75 17.75 0 0 1 7.4-2l2.913-8.38a.765.765 0 0 1 1.527 0L19.7 18a14.24 14.24 0 0 1 7.399 2S20.704 2.877 20.692 2.842C20.51 2.33 20.202 2 19.787 2h-7.619c-.415 0-.71.33-.904.842z"/></svg>
React
import type { SVGProps } from "react";
export function MaterialIconThemeAstro(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#7c4dff" d="M12.106 25.849c-1.262-1.156-1.63-3.586-1.105-5.346a5.18 5.18 0 0 0 3.484 1.66a9.68 9.68 0 0 0 5.882-.734c.215-.106.413-.247.648-.39a3.5 3.5 0 0 1 .16 1.555a4.26 4.26 0 0 1-1.798 3.021c-.404.3-.832.569-1.25.852a2.613 2.613 0 0 0-1.15 3.372l.048.161a3.4 3.4 0 0 1-1.5-1.285a3.6 3.6 0 0 1-.578-1.962a9 9 0 0 0-.05-1.037c-.114-.831-.504-1.204-1.238-1.225a1.45 1.45 0 0 0-1.507 1.18c-.012.056-.028.112-.046.178M4.901 20a17.75 17.75 0 0 1 7.4-2l2.913-8.38a.765.765 0 0 1 1.527 0L19.7 18a14.24 14.24 0 0 1 7.399 2S20.704 2.877 20.692 2.842C20.51 2.33 20.202 2 19.787 2h-7.619c-.415 0-.71.33-.904.842z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#7c4dff" d="M12.106 25.849c-1.262-1.156-1.63-3.586-1.105-5.346a5.18 5.18 0 0 0 3.484 1.66a9.68 9.68 0 0 0 5.882-.734c.215-.106.413-.247.648-.39a3.5 3.5 0 0 1 .16 1.555a4.26 4.26 0 0 1-1.798 3.021c-.404.3-.832.569-1.25.852a2.613 2.613 0 0 0-1.15 3.372l.048.161a3.4 3.4 0 0 1-1.5-1.285a3.6 3.6 0 0 1-.578-1.962a9 9 0 0 0-.05-1.037c-.114-.831-.504-1.204-1.238-1.225a1.45 1.45 0 0 0-1.507 1.18c-.012.056-.028.112-.046.178M4.901 20a17.75 17.75 0 0 1 7.4-2l2.913-8.38a.765.765 0 0 1 1.527 0L19.7 18a14.24 14.24 0 0 1 7.399 2S20.704 2.877 20.692 2.842C20.51 2.33 20.202 2 19.787 2h-7.619c-.415 0-.71.33-.904.842z"/></svg> </template>
CSS
.icon-astro {
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%2032%2032%22%3E%3Cpath%20fill%3D%22%237c4dff%22%20d%3D%22M12.106%2025.849c-1.262-1.156-1.63-3.586-1.105-5.346a5.18%205.18%200%200%200%203.484%201.66a9.68%209.68%200%200%200%205.882-.734c.215-.106.413-.247.648-.39a3.5%203.5%200%200%201%20.16%201.555a4.26%204.26%200%200%201-1.798%203.021c-.404.3-.832.569-1.25.852a2.613%202.613%200%200%200-1.15%203.372l.048.161a3.4%203.4%200%200%201-1.5-1.285a3.6%203.6%200%200%201-.578-1.962a9%209%200%200%200-.05-1.037c-.114-.831-.504-1.204-1.238-1.225a1.45%201.45%200%200%200-1.507%201.18c-.012.056-.028.112-.046.178M4.901%2020a17.75%2017.75%200%200%201%207.4-2l2.913-8.38a.765.765%200%200%201%201.527%200L19.7%2018a14.24%2014.24%200%200%201%207.399%202S20.704%202.877%2020.692%202.842C20.51%202.33%2020.202%202%2019.787%202h-7.619c-.415%200-.71.33-.904.842z%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%2032%2032%22%3E%3Cpath%20fill%3D%22%237c4dff%22%20d%3D%22M12.106%2025.849c-1.262-1.156-1.63-3.586-1.105-5.346a5.18%205.18%200%200%200%203.484%201.66a9.68%209.68%200%200%200%205.882-.734c.215-.106.413-.247.648-.39a3.5%203.5%200%200%201%20.16%201.555a4.26%204.26%200%200%201-1.798%203.021c-.404.3-.832.569-1.25.852a2.613%202.613%200%200%200-1.15%203.372l.048.161a3.4%203.4%200%200%201-1.5-1.285a3.6%203.6%200%200%201-.578-1.962a9%209%200%200%200-.05-1.037c-.114-.831-.504-1.204-1.238-1.225a1.45%201.45%200%200%200-1.507%201.18c-.012.056-.028.112-.046.178M4.901%2020a17.75%2017.75%200%200%201%207.4-2l2.913-8.38a.765.765%200%200%201%201.527%200L19.7%2018a14.24%2014.24%200%200%201%207.399%202S20.704%202.877%2020.692%202.842C20.51%202.33%2020.202%202%2019.787%202h-7.619c-.415%200-.71.33-.904.842z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-icon-theme/astro.svg?color=%231a73e8&size=48
