astro icon logo
astro-icon from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.
- Name
- astro-icon
- Set
- SVG Logos
- Style
- Color
- Viewbox
- 256×323
- License
- CC0
Use the astro icon logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 323"><defs><linearGradient id="SVGxAS53bCX" x1="0%" x2="116.842%" y1="91.269%" y2="41.115%"><stop offset="0%" stop-color="#d83333"/><stop offset="100%" stop-color="#f041ff"/></linearGradient></defs><path fill="#fff" d="M83.261 275.039c-14.588-13.336-18.847-41.355-12.769-61.653c10.539 12.796 25.14 16.852 40.265 19.138c23.35 3.533 46.28 2.212 67.97-8.46c2.482-1.22 4.775-2.848 7.486-4.492c2.035 5.903 2.565 11.864 1.854 17.932c-1.728 14.776-9.082 26.191-20.777 34.842c-4.677 3.461-9.626 6.555-14.456 9.82c-14.839 10.026-18.853 21.786-13.277 38.894c.132.417.25.833.55 1.85c-7.576-3.39-13.11-8.328-17.327-14.818c-4.453-6.852-6.572-14.431-6.684-22.63c-.056-3.99-.056-8.018-.592-11.95c-1.31-9.591-5.813-13.886-14.296-14.134c-8.705-.252-15.591 5.127-17.417 13.604c-.14.649-.342 1.291-.544 2.047z"/><path fill="url(#SVGxAS53bCX)" d="M83.261 275.039c-14.588-13.336-18.847-41.355-12.769-61.653c10.539 12.796 25.14 16.852 40.265 19.138c23.35 3.533 46.28 2.212 67.97-8.46c2.482-1.22 4.775-2.848 7.486-4.492c2.035 5.903 2.565 11.864 1.854 17.932c-1.728 14.776-9.082 26.191-20.777 34.842c-4.677 3.461-9.626 6.555-14.456 9.82c-14.839 10.026-18.853 21.786-13.277 38.894c.132.417.25.833.55 1.85c-7.576-3.39-13.11-8.328-17.327-14.818c-4.453-6.852-6.572-14.431-6.684-22.63c-.056-3.99-.056-8.018-.592-11.95c-1.31-9.591-5.813-13.886-14.296-14.134c-8.705-.252-15.591 5.127-17.417 13.604c-.14.649-.342 1.291-.544 2.047z"/><path fill="#17191e" d="M0 210.001s43.197-21.041 86.515-21.041l32.66-101.078c1.224-4.889 4.794-8.21 8.824-8.21s7.601 3.321 8.824 8.21l32.66 101.078C220.787 188.96 256 210 256 210S182.624 10.117 182.481 9.716C180.375 3.806 176.821 0 172.027 0H83.98c-4.793 0-8.204 3.806-10.454 9.716C73.367 10.109 0 210 0 210"/></svg>
React
import type { SVGProps } from "react";
export function LogosAstroIcon(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 323"><defs><linearGradient id="SVGxAS53bCX" x1="0%" x2="116.842%" y1="91.269%" y2="41.115%"><stop offset="0%" stopColor="#d83333"/><stop offset="100%" stopColor="#f041ff"/></linearGradient></defs><path fill="#fff" d="M83.261 275.039c-14.588-13.336-18.847-41.355-12.769-61.653c10.539 12.796 25.14 16.852 40.265 19.138c23.35 3.533 46.28 2.212 67.97-8.46c2.482-1.22 4.775-2.848 7.486-4.492c2.035 5.903 2.565 11.864 1.854 17.932c-1.728 14.776-9.082 26.191-20.777 34.842c-4.677 3.461-9.626 6.555-14.456 9.82c-14.839 10.026-18.853 21.786-13.277 38.894c.132.417.25.833.55 1.85c-7.576-3.39-13.11-8.328-17.327-14.818c-4.453-6.852-6.572-14.431-6.684-22.63c-.056-3.99-.056-8.018-.592-11.95c-1.31-9.591-5.813-13.886-14.296-14.134c-8.705-.252-15.591 5.127-17.417 13.604c-.14.649-.342 1.291-.544 2.047z"/><path fill="url(#SVGxAS53bCX)" d="M83.261 275.039c-14.588-13.336-18.847-41.355-12.769-61.653c10.539 12.796 25.14 16.852 40.265 19.138c23.35 3.533 46.28 2.212 67.97-8.46c2.482-1.22 4.775-2.848 7.486-4.492c2.035 5.903 2.565 11.864 1.854 17.932c-1.728 14.776-9.082 26.191-20.777 34.842c-4.677 3.461-9.626 6.555-14.456 9.82c-14.839 10.026-18.853 21.786-13.277 38.894c.132.417.25.833.55 1.85c-7.576-3.39-13.11-8.328-17.327-14.818c-4.453-6.852-6.572-14.431-6.684-22.63c-.056-3.99-.056-8.018-.592-11.95c-1.31-9.591-5.813-13.886-14.296-14.134c-8.705-.252-15.591 5.127-17.417 13.604c-.14.649-.342 1.291-.544 2.047z"/><path fill="#17191e" d="M0 210.001s43.197-21.041 86.515-21.041l32.66-101.078c1.224-4.889 4.794-8.21 8.824-8.21s7.601 3.321 8.824 8.21l32.66 101.078C220.787 188.96 256 210 256 210S182.624 10.117 182.481 9.716C180.375 3.806 176.821 0 172.027 0H83.98c-4.793 0-8.204 3.806-10.454 9.716C73.367 10.109 0 210 0 210"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 323"><defs><linearGradient id="SVGxAS53bCX" x1="0%" x2="116.842%" y1="91.269%" y2="41.115%"><stop offset="0%" stop-color="#d83333"/><stop offset="100%" stop-color="#f041ff"/></linearGradient></defs><path fill="#fff" d="M83.261 275.039c-14.588-13.336-18.847-41.355-12.769-61.653c10.539 12.796 25.14 16.852 40.265 19.138c23.35 3.533 46.28 2.212 67.97-8.46c2.482-1.22 4.775-2.848 7.486-4.492c2.035 5.903 2.565 11.864 1.854 17.932c-1.728 14.776-9.082 26.191-20.777 34.842c-4.677 3.461-9.626 6.555-14.456 9.82c-14.839 10.026-18.853 21.786-13.277 38.894c.132.417.25.833.55 1.85c-7.576-3.39-13.11-8.328-17.327-14.818c-4.453-6.852-6.572-14.431-6.684-22.63c-.056-3.99-.056-8.018-.592-11.95c-1.31-9.591-5.813-13.886-14.296-14.134c-8.705-.252-15.591 5.127-17.417 13.604c-.14.649-.342 1.291-.544 2.047z"/><path fill="url(#SVGxAS53bCX)" d="M83.261 275.039c-14.588-13.336-18.847-41.355-12.769-61.653c10.539 12.796 25.14 16.852 40.265 19.138c23.35 3.533 46.28 2.212 67.97-8.46c2.482-1.22 4.775-2.848 7.486-4.492c2.035 5.903 2.565 11.864 1.854 17.932c-1.728 14.776-9.082 26.191-20.777 34.842c-4.677 3.461-9.626 6.555-14.456 9.82c-14.839 10.026-18.853 21.786-13.277 38.894c.132.417.25.833.55 1.85c-7.576-3.39-13.11-8.328-17.327-14.818c-4.453-6.852-6.572-14.431-6.684-22.63c-.056-3.99-.056-8.018-.592-11.95c-1.31-9.591-5.813-13.886-14.296-14.134c-8.705-.252-15.591 5.127-17.417 13.604c-.14.649-.342 1.291-.544 2.047z"/><path fill="#17191e" d="M0 210.001s43.197-21.041 86.515-21.041l32.66-101.078c1.224-4.889 4.794-8.21 8.824-8.21s7.601 3.321 8.824 8.21l32.66 101.078C220.787 188.96 256 210 256 210S182.624 10.117 182.481 9.716C180.375 3.806 176.821 0 172.027 0H83.98c-4.793 0-8.204 3.806-10.454 9.716C73.367 10.109 0 210 0 210"/></svg> </template>
CSS
.icon-astro-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%20323%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGxAS53bCX%22%20x1%3D%220%25%22%20x2%3D%22116.842%25%22%20y1%3D%2291.269%25%22%20y2%3D%2241.115%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23d83333%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23f041ff%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M83.261%20275.039c-14.588-13.336-18.847-41.355-12.769-61.653c10.539%2012.796%2025.14%2016.852%2040.265%2019.138c23.35%203.533%2046.28%202.212%2067.97-8.46c2.482-1.22%204.775-2.848%207.486-4.492c2.035%205.903%202.565%2011.864%201.854%2017.932c-1.728%2014.776-9.082%2026.191-20.777%2034.842c-4.677%203.461-9.626%206.555-14.456%209.82c-14.839%2010.026-18.853%2021.786-13.277%2038.894c.132.417.25.833.55%201.85c-7.576-3.39-13.11-8.328-17.327-14.818c-4.453-6.852-6.572-14.431-6.684-22.63c-.056-3.99-.056-8.018-.592-11.95c-1.31-9.591-5.813-13.886-14.296-14.134c-8.705-.252-15.591%205.127-17.417%2013.604c-.14.649-.342%201.291-.544%202.047z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGxAS53bCX)%22%20d%3D%22M83.261%20275.039c-14.588-13.336-18.847-41.355-12.769-61.653c10.539%2012.796%2025.14%2016.852%2040.265%2019.138c23.35%203.533%2046.28%202.212%2067.97-8.46c2.482-1.22%204.775-2.848%207.486-4.492c2.035%205.903%202.565%2011.864%201.854%2017.932c-1.728%2014.776-9.082%2026.191-20.777%2034.842c-4.677%203.461-9.626%206.555-14.456%209.82c-14.839%2010.026-18.853%2021.786-13.277%2038.894c.132.417.25.833.55%201.85c-7.576-3.39-13.11-8.328-17.327-14.818c-4.453-6.852-6.572-14.431-6.684-22.63c-.056-3.99-.056-8.018-.592-11.95c-1.31-9.591-5.813-13.886-14.296-14.134c-8.705-.252-15.591%205.127-17.417%2013.604c-.14.649-.342%201.291-.544%202.047z%22%2F%3E%3Cpath%20fill%3D%22%2317191e%22%20d%3D%22M0%20210.001s43.197-21.041%2086.515-21.041l32.66-101.078c1.224-4.889%204.794-8.21%208.824-8.21s7.601%203.321%208.824%208.21l32.66%20101.078C220.787%20188.96%20256%20210%20256%20210S182.624%2010.117%20182.481%209.716C180.375%203.806%20176.821%200%20172.027%200H83.98c-4.793%200-8.204%203.806-10.454%209.716C73.367%2010.109%200%20210%200%20210%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%20323%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGxAS53bCX%22%20x1%3D%220%25%22%20x2%3D%22116.842%25%22%20y1%3D%2291.269%25%22%20y2%3D%2241.115%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23d83333%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23f041ff%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M83.261%20275.039c-14.588-13.336-18.847-41.355-12.769-61.653c10.539%2012.796%2025.14%2016.852%2040.265%2019.138c23.35%203.533%2046.28%202.212%2067.97-8.46c2.482-1.22%204.775-2.848%207.486-4.492c2.035%205.903%202.565%2011.864%201.854%2017.932c-1.728%2014.776-9.082%2026.191-20.777%2034.842c-4.677%203.461-9.626%206.555-14.456%209.82c-14.839%2010.026-18.853%2021.786-13.277%2038.894c.132.417.25.833.55%201.85c-7.576-3.39-13.11-8.328-17.327-14.818c-4.453-6.852-6.572-14.431-6.684-22.63c-.056-3.99-.056-8.018-.592-11.95c-1.31-9.591-5.813-13.886-14.296-14.134c-8.705-.252-15.591%205.127-17.417%2013.604c-.14.649-.342%201.291-.544%202.047z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGxAS53bCX)%22%20d%3D%22M83.261%20275.039c-14.588-13.336-18.847-41.355-12.769-61.653c10.539%2012.796%2025.14%2016.852%2040.265%2019.138c23.35%203.533%2046.28%202.212%2067.97-8.46c2.482-1.22%204.775-2.848%207.486-4.492c2.035%205.903%202.565%2011.864%201.854%2017.932c-1.728%2014.776-9.082%2026.191-20.777%2034.842c-4.677%203.461-9.626%206.555-14.456%209.82c-14.839%2010.026-18.853%2021.786-13.277%2038.894c.132.417.25.833.55%201.85c-7.576-3.39-13.11-8.328-17.327-14.818c-4.453-6.852-6.572-14.431-6.684-22.63c-.056-3.99-.056-8.018-.592-11.95c-1.31-9.591-5.813-13.886-14.296-14.134c-8.705-.252-15.591%205.127-17.417%2013.604c-.14.649-.342%201.291-.544%202.047z%22%2F%3E%3Cpath%20fill%3D%22%2317191e%22%20d%3D%22M0%20210.001s43.197-21.041%2086.515-21.041l32.66-101.078c1.224-4.889%204.794-8.21%208.824-8.21s7.601%203.321%208.824%208.21l32.66%20101.078C220.787%20188.96%20256%20210%20256%20210S182.624%2010.117%20182.481%209.716C180.375%203.806%20176.821%200%20172.027%200H83.98c-4.793%200-8.204%203.806-10.454%209.716C73.367%2010.109%200%20210%200%20210%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/astro-icon.svg?color=%231a73e8&size=48
