astro logo
astro from Skill Icons by tandpfun · Default · MIT Free for personal and commercial use.
- Name
- astro
- Set
- Skill Icons
- Style
- Default
- Viewbox
- 256×256
- License
- MIT
The same logo in other sets
Use the astro logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="none"><rect width="256" height="256" fill="url(#SVG1DVgxcRI)" rx="60"/><path fill="#31274a" fill-rule="evenodd" d="M157.719 33.011c1.634 2.028 2.466 4.765 4.132 10.237l36.396 119.561a151.5 151.5 0 0 0-43.513-14.732l-23.697-80.08a3.086 3.086 0 0 0-4.809-1.593c-.533.4-.922.962-1.109 1.602l-23.411 80.031A151.5 151.5 0 0 0 58 162.791l36.573-119.57c1.673-5.464 2.507-8.195 4.141-10.219a13.44 13.44 0 0 1 5.449-4.032c2.414-.97 5.27-.97 10.984-.97h26.123c5.721 0 8.581 0 10.997.972a13.45 13.45 0 0 1 5.452 4.04" clip-rule="evenodd"/><path fill="#ff5d01" fill-rule="evenodd" d="M162.074 168.499c-6 5.131-17.976 8.629-31.77 8.629c-16.931 0-31.122-5.271-34.887-12.359c-1.346 4.063-1.648 8.712-1.648 11.683c0 0-.887 14.585 9.257 24.729a9.54 9.54 0 0 1 9.538-9.538c9.028 0 9.018 7.877 9.009 14.268v.57c0 9.7 5.928 18.015 14.359 21.519a19.55 19.55 0 0 1-1.966-8.572c0-9.251 5.432-12.696 11.744-16.698c5.022-3.185 10.602-6.724 14.448-13.824a26.06 26.06 0 0 0 3.145-12.454c0-2.773-.431-5.445-1.229-7.953" clip-rule="evenodd"/><path fill="url(#SVGen0uabVd)" fill-rule="evenodd" d="M162.074 168.499c-6 5.131-17.976 8.629-31.77 8.629c-16.931 0-31.122-5.271-34.887-12.359c-1.346 4.063-1.648 8.712-1.648 11.683c0 0-.887 14.585 9.257 24.729a9.54 9.54 0 0 1 9.538-9.538c9.028 0 9.018 7.877 9.009 14.268v.57c0 9.7 5.928 18.015 14.359 21.519a19.55 19.55 0 0 1-1.966-8.572c0-9.251 5.432-12.696 11.744-16.698c5.022-3.185 10.602-6.724 14.448-13.824a26.06 26.06 0 0 0 3.145-12.454c0-2.773-.431-5.445-1.229-7.953" clip-rule="evenodd"/><defs><linearGradient id="SVG1DVgxcRI" x1="128" x2="128" y1="0" y2="256" gradientUnits="userSpaceOnUse"><stop offset=".193" stop-color="#fcb3b2"/><stop offset="1" stop-color="#c587ee"/></linearGradient><linearGradient id="SVGen0uabVd" x1="189.089" x2="153.565" y1="126.765" y2="201.132" gradientUnits="userSpaceOnUse"><stop stop-color="#ff1639"/><stop offset="1" stop-color="#ff1639" stop-opacity="0"/></linearGradient></defs></g></svg>
React
import type { SVGProps } from "react";
export function SkillIconsAstro(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="none"><rect width="256" height="256" fill="url(#SVG1DVgxcRI)" rx="60"/><path fill="#31274a" fillRule="evenodd" d="M157.719 33.011c1.634 2.028 2.466 4.765 4.132 10.237l36.396 119.561a151.5 151.5 0 0 0-43.513-14.732l-23.697-80.08a3.086 3.086 0 0 0-4.809-1.593c-.533.4-.922.962-1.109 1.602l-23.411 80.031A151.5 151.5 0 0 0 58 162.791l36.573-119.57c1.673-5.464 2.507-8.195 4.141-10.219a13.44 13.44 0 0 1 5.449-4.032c2.414-.97 5.27-.97 10.984-.97h26.123c5.721 0 8.581 0 10.997.972a13.45 13.45 0 0 1 5.452 4.04" clipRule="evenodd"/><path fill="#ff5d01" fillRule="evenodd" d="M162.074 168.499c-6 5.131-17.976 8.629-31.77 8.629c-16.931 0-31.122-5.271-34.887-12.359c-1.346 4.063-1.648 8.712-1.648 11.683c0 0-.887 14.585 9.257 24.729a9.54 9.54 0 0 1 9.538-9.538c9.028 0 9.018 7.877 9.009 14.268v.57c0 9.7 5.928 18.015 14.359 21.519a19.55 19.55 0 0 1-1.966-8.572c0-9.251 5.432-12.696 11.744-16.698c5.022-3.185 10.602-6.724 14.448-13.824a26.06 26.06 0 0 0 3.145-12.454c0-2.773-.431-5.445-1.229-7.953" clipRule="evenodd"/><path fill="url(#SVGen0uabVd)" fillRule="evenodd" d="M162.074 168.499c-6 5.131-17.976 8.629-31.77 8.629c-16.931 0-31.122-5.271-34.887-12.359c-1.346 4.063-1.648 8.712-1.648 11.683c0 0-.887 14.585 9.257 24.729a9.54 9.54 0 0 1 9.538-9.538c9.028 0 9.018 7.877 9.009 14.268v.57c0 9.7 5.928 18.015 14.359 21.519a19.55 19.55 0 0 1-1.966-8.572c0-9.251 5.432-12.696 11.744-16.698c5.022-3.185 10.602-6.724 14.448-13.824a26.06 26.06 0 0 0 3.145-12.454c0-2.773-.431-5.445-1.229-7.953" clipRule="evenodd"/><defs><linearGradient id="SVG1DVgxcRI" x1="128" x2="128" y1="0" y2="256" gradientUnits="userSpaceOnUse"><stop offset=".193" stopColor="#fcb3b2"/><stop offset="1" stopColor="#c587ee"/></linearGradient><linearGradient id="SVGen0uabVd" x1="189.089" x2="153.565" y1="126.765" y2="201.132" gradientUnits="userSpaceOnUse"><stop stopColor="#ff1639"/><stop offset="1" stopColor="#ff1639" stopOpacity="0"/></linearGradient></defs></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="none"><rect width="256" height="256" fill="url(#SVG1DVgxcRI)" rx="60"/><path fill="#31274a" fill-rule="evenodd" d="M157.719 33.011c1.634 2.028 2.466 4.765 4.132 10.237l36.396 119.561a151.5 151.5 0 0 0-43.513-14.732l-23.697-80.08a3.086 3.086 0 0 0-4.809-1.593c-.533.4-.922.962-1.109 1.602l-23.411 80.031A151.5 151.5 0 0 0 58 162.791l36.573-119.57c1.673-5.464 2.507-8.195 4.141-10.219a13.44 13.44 0 0 1 5.449-4.032c2.414-.97 5.27-.97 10.984-.97h26.123c5.721 0 8.581 0 10.997.972a13.45 13.45 0 0 1 5.452 4.04" clip-rule="evenodd"/><path fill="#ff5d01" fill-rule="evenodd" d="M162.074 168.499c-6 5.131-17.976 8.629-31.77 8.629c-16.931 0-31.122-5.271-34.887-12.359c-1.346 4.063-1.648 8.712-1.648 11.683c0 0-.887 14.585 9.257 24.729a9.54 9.54 0 0 1 9.538-9.538c9.028 0 9.018 7.877 9.009 14.268v.57c0 9.7 5.928 18.015 14.359 21.519a19.55 19.55 0 0 1-1.966-8.572c0-9.251 5.432-12.696 11.744-16.698c5.022-3.185 10.602-6.724 14.448-13.824a26.06 26.06 0 0 0 3.145-12.454c0-2.773-.431-5.445-1.229-7.953" clip-rule="evenodd"/><path fill="url(#SVGen0uabVd)" fill-rule="evenodd" d="M162.074 168.499c-6 5.131-17.976 8.629-31.77 8.629c-16.931 0-31.122-5.271-34.887-12.359c-1.346 4.063-1.648 8.712-1.648 11.683c0 0-.887 14.585 9.257 24.729a9.54 9.54 0 0 1 9.538-9.538c9.028 0 9.018 7.877 9.009 14.268v.57c0 9.7 5.928 18.015 14.359 21.519a19.55 19.55 0 0 1-1.966-8.572c0-9.251 5.432-12.696 11.744-16.698c5.022-3.185 10.602-6.724 14.448-13.824a26.06 26.06 0 0 0 3.145-12.454c0-2.773-.431-5.445-1.229-7.953" clip-rule="evenodd"/><defs><linearGradient id="SVG1DVgxcRI" x1="128" x2="128" y1="0" y2="256" gradientUnits="userSpaceOnUse"><stop offset=".193" stop-color="#fcb3b2"/><stop offset="1" stop-color="#c587ee"/></linearGradient><linearGradient id="SVGen0uabVd" x1="189.089" x2="153.565" y1="126.765" y2="201.132" gradientUnits="userSpaceOnUse"><stop stop-color="#ff1639"/><stop offset="1" stop-color="#ff1639" stop-opacity="0"/></linearGradient></defs></g></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%20256%20256%22%3E%3Cg%20fill%3D%22none%22%3E%3Crect%20width%3D%22256%22%20height%3D%22256%22%20fill%3D%22url(%23SVG1DVgxcRI)%22%20rx%3D%2260%22%2F%3E%3Cpath%20fill%3D%22%2331274a%22%20fill-rule%3D%22evenodd%22%20d%3D%22M157.719%2033.011c1.634%202.028%202.466%204.765%204.132%2010.237l36.396%20119.561a151.5%20151.5%200%200%200-43.513-14.732l-23.697-80.08a3.086%203.086%200%200%200-4.809-1.593c-.533.4-.922.962-1.109%201.602l-23.411%2080.031A151.5%20151.5%200%200%200%2058%20162.791l36.573-119.57c1.673-5.464%202.507-8.195%204.141-10.219a13.44%2013.44%200%200%201%205.449-4.032c2.414-.97%205.27-.97%2010.984-.97h26.123c5.721%200%208.581%200%2010.997.972a13.45%2013.45%200%200%201%205.452%204.04%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23ff5d01%22%20fill-rule%3D%22evenodd%22%20d%3D%22M162.074%20168.499c-6%205.131-17.976%208.629-31.77%208.629c-16.931%200-31.122-5.271-34.887-12.359c-1.346%204.063-1.648%208.712-1.648%2011.683c0%200-.887%2014.585%209.257%2024.729a9.54%209.54%200%200%201%209.538-9.538c9.028%200%209.018%207.877%209.009%2014.268v.57c0%209.7%205.928%2018.015%2014.359%2021.519a19.55%2019.55%200%200%201-1.966-8.572c0-9.251%205.432-12.696%2011.744-16.698c5.022-3.185%2010.602-6.724%2014.448-13.824a26.06%2026.06%200%200%200%203.145-12.454c0-2.773-.431-5.445-1.229-7.953%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGen0uabVd)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M162.074%20168.499c-6%205.131-17.976%208.629-31.77%208.629c-16.931%200-31.122-5.271-34.887-12.359c-1.346%204.063-1.648%208.712-1.648%2011.683c0%200-.887%2014.585%209.257%2024.729a9.54%209.54%200%200%201%209.538-9.538c9.028%200%209.018%207.877%209.009%2014.268v.57c0%209.7%205.928%2018.015%2014.359%2021.519a19.55%2019.55%200%200%201-1.966-8.572c0-9.251%205.432-12.696%2011.744-16.698c5.022-3.185%2010.602-6.724%2014.448-13.824a26.06%2026.06%200%200%200%203.145-12.454c0-2.773-.431-5.445-1.229-7.953%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVG1DVgxcRI%22%20x1%3D%22128%22%20x2%3D%22128%22%20y1%3D%220%22%20y2%3D%22256%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.193%22%20stop-color%3D%22%23fcb3b2%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23c587ee%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGen0uabVd%22%20x1%3D%22189.089%22%20x2%3D%22153.565%22%20y1%3D%22126.765%22%20y2%3D%22201.132%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23ff1639%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23ff1639%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fg%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%3Cg%20fill%3D%22none%22%3E%3Crect%20width%3D%22256%22%20height%3D%22256%22%20fill%3D%22url(%23SVG1DVgxcRI)%22%20rx%3D%2260%22%2F%3E%3Cpath%20fill%3D%22%2331274a%22%20fill-rule%3D%22evenodd%22%20d%3D%22M157.719%2033.011c1.634%202.028%202.466%204.765%204.132%2010.237l36.396%20119.561a151.5%20151.5%200%200%200-43.513-14.732l-23.697-80.08a3.086%203.086%200%200%200-4.809-1.593c-.533.4-.922.962-1.109%201.602l-23.411%2080.031A151.5%20151.5%200%200%200%2058%20162.791l36.573-119.57c1.673-5.464%202.507-8.195%204.141-10.219a13.44%2013.44%200%200%201%205.449-4.032c2.414-.97%205.27-.97%2010.984-.97h26.123c5.721%200%208.581%200%2010.997.972a13.45%2013.45%200%200%201%205.452%204.04%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23ff5d01%22%20fill-rule%3D%22evenodd%22%20d%3D%22M162.074%20168.499c-6%205.131-17.976%208.629-31.77%208.629c-16.931%200-31.122-5.271-34.887-12.359c-1.346%204.063-1.648%208.712-1.648%2011.683c0%200-.887%2014.585%209.257%2024.729a9.54%209.54%200%200%201%209.538-9.538c9.028%200%209.018%207.877%209.009%2014.268v.57c0%209.7%205.928%2018.015%2014.359%2021.519a19.55%2019.55%200%200%201-1.966-8.572c0-9.251%205.432-12.696%2011.744-16.698c5.022-3.185%2010.602-6.724%2014.448-13.824a26.06%2026.06%200%200%200%203.145-12.454c0-2.773-.431-5.445-1.229-7.953%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGen0uabVd)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M162.074%20168.499c-6%205.131-17.976%208.629-31.77%208.629c-16.931%200-31.122-5.271-34.887-12.359c-1.346%204.063-1.648%208.712-1.648%2011.683c0%200-.887%2014.585%209.257%2024.729a9.54%209.54%200%200%201%209.538-9.538c9.028%200%209.018%207.877%209.009%2014.268v.57c0%209.7%205.928%2018.015%2014.359%2021.519a19.55%2019.55%200%200%201-1.966-8.572c0-9.251%205.432-12.696%2011.744-16.698c5.022-3.185%2010.602-6.724%2014.448-13.824a26.06%2026.06%200%200%200%203.145-12.454c0-2.773-.431-5.445-1.229-7.953%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVG1DVgxcRI%22%20x1%3D%22128%22%20x2%3D%22128%22%20y1%3D%220%22%20y2%3D%22256%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.193%22%20stop-color%3D%22%23fcb3b2%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23c587ee%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGen0uabVd%22%20x1%3D%22189.089%22%20x2%3D%22153.565%22%20y1%3D%22126.765%22%20y2%3D%22201.132%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23ff1639%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23ff1639%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/skill-icons/astro.svg?color=%231a73e8&size=48
