solar system icon
solar-system from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.
- Name
- solar-system
- Set
- Huge Icons
- Style
- Stroke
- Viewbox
- 24×24
- License
- MIT
Related icons in Huge Icons
Use the solar system icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path d="M11.422 7.378c.273-.252.41-.378.578-.378s.305.126.578.378l.466.43c.143.133.215.199.306.227c.092.028.19.015.388-.012l.642-.086c.376-.051.565-.076.7.018c.137.094.17.273.235.63l.112.609c.035.188.052.281.109.356c.056.074.144.118.32.208l.573.29c.336.17.504.254.556.407s-.032.315-.199.641l-.284.556c-.088.17-.132.256-.132.348s.044.177.132.348l.284.556c.167.326.25.489.199.641c-.052.153-.22.238-.556.408l-.573.29c-.176.089-.264.133-.32.207c-.057.075-.074.168-.109.356l-.112.609c-.065.357-.098.536-.234.63s-.325.069-.701.018l-.642-.086c-.197-.027-.296-.04-.388-.012c-.091.028-.163.095-.306.227l-.466.43c-.273.252-.41.378-.578.378s-.305-.126-.578-.378l-.466-.43c-.143-.133-.215-.199-.306-.227c-.092-.028-.19-.015-.388.012l-.642.086c-.376.051-.565.076-.7-.018c-.137-.094-.17-.273-.235-.63l-.112-.609c-.035-.187-.052-.281-.108-.355c-.057-.075-.145-.12-.321-.209l-.573-.29c-.336-.17-.504-.254-.556-.407s.032-.315.199-.641l.284-.556c.088-.17.132-.256.132-.348s-.044-.177-.132-.348l-.284-.556c-.167-.326-.25-.489-.199-.641c.052-.153.22-.238.556-.408l.573-.29c.176-.089.264-.133.32-.207c.057-.075.074-.168.109-.356l.112-.609c.065-.357.098-.536.234-.63s.325-.069.701-.018l.642.086c.197.027.296.04.388.012c.091-.028.163-.094.306-.227z"/><path stroke-linecap="round" d="M6.483 3.658a2 2 0 1 0-2.825 2.825m2.825-2.825a2 2 0 0 1-2.825 2.825m2.825-2.825A9.95 9.95 0 0 1 12 2c5.523 0 10 4.477 10 10a9.95 9.95 0 0 1-1.647 5.5M3.658 6.483A9.95 9.95 0 0 0 2 12c0 5.523 4.477 10 10 10a9.95 9.95 0 0 0 5.517-1.658m0 0a2 2 0 1 0 2.966-2.684a2 2 0 0 0-2.966 2.684Z"/></g></svg>
React
import type { SVGProps } from "react";
export function HugeiconsSolarSystem(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeWidth="1.5"><path d="M11.422 7.378c.273-.252.41-.378.578-.378s.305.126.578.378l.466.43c.143.133.215.199.306.227c.092.028.19.015.388-.012l.642-.086c.376-.051.565-.076.7.018c.137.094.17.273.235.63l.112.609c.035.188.052.281.109.356c.056.074.144.118.32.208l.573.29c.336.17.504.254.556.407s-.032.315-.199.641l-.284.556c-.088.17-.132.256-.132.348s.044.177.132.348l.284.556c.167.326.25.489.199.641c-.052.153-.22.238-.556.408l-.573.29c-.176.089-.264.133-.32.207c-.057.075-.074.168-.109.356l-.112.609c-.065.357-.098.536-.234.63s-.325.069-.701.018l-.642-.086c-.197-.027-.296-.04-.388-.012c-.091.028-.163.095-.306.227l-.466.43c-.273.252-.41.378-.578.378s-.305-.126-.578-.378l-.466-.43c-.143-.133-.215-.199-.306-.227c-.092-.028-.19-.015-.388.012l-.642.086c-.376.051-.565.076-.7-.018c-.137-.094-.17-.273-.235-.63l-.112-.609c-.035-.187-.052-.281-.108-.355c-.057-.075-.145-.12-.321-.209l-.573-.29c-.336-.17-.504-.254-.556-.407s.032-.315.199-.641l.284-.556c.088-.17.132-.256.132-.348s-.044-.177-.132-.348l-.284-.556c-.167-.326-.25-.489-.199-.641c.052-.153.22-.238.556-.408l.573-.29c.176-.089.264-.133.32-.207c.057-.075.074-.168.109-.356l.112-.609c.065-.357.098-.536.234-.63s.325-.069.701-.018l.642.086c.197.027.296.04.388.012c.091-.028.163-.094.306-.227z"/><path strokeLinecap="round" d="M6.483 3.658a2 2 0 1 0-2.825 2.825m2.825-2.825a2 2 0 0 1-2.825 2.825m2.825-2.825A9.95 9.95 0 0 1 12 2c5.523 0 10 4.477 10 10a9.95 9.95 0 0 1-1.647 5.5M3.658 6.483A9.95 9.95 0 0 0 2 12c0 5.523 4.477 10 10 10a9.95 9.95 0 0 0 5.517-1.658m0 0a2 2 0 1 0 2.966-2.684a2 2 0 0 0-2.966 2.684Z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path d="M11.422 7.378c.273-.252.41-.378.578-.378s.305.126.578.378l.466.43c.143.133.215.199.306.227c.092.028.19.015.388-.012l.642-.086c.376-.051.565-.076.7.018c.137.094.17.273.235.63l.112.609c.035.188.052.281.109.356c.056.074.144.118.32.208l.573.29c.336.17.504.254.556.407s-.032.315-.199.641l-.284.556c-.088.17-.132.256-.132.348s.044.177.132.348l.284.556c.167.326.25.489.199.641c-.052.153-.22.238-.556.408l-.573.29c-.176.089-.264.133-.32.207c-.057.075-.074.168-.109.356l-.112.609c-.065.357-.098.536-.234.63s-.325.069-.701.018l-.642-.086c-.197-.027-.296-.04-.388-.012c-.091.028-.163.095-.306.227l-.466.43c-.273.252-.41.378-.578.378s-.305-.126-.578-.378l-.466-.43c-.143-.133-.215-.199-.306-.227c-.092-.028-.19-.015-.388.012l-.642.086c-.376.051-.565.076-.7-.018c-.137-.094-.17-.273-.235-.63l-.112-.609c-.035-.187-.052-.281-.108-.355c-.057-.075-.145-.12-.321-.209l-.573-.29c-.336-.17-.504-.254-.556-.407s.032-.315.199-.641l.284-.556c.088-.17.132-.256.132-.348s-.044-.177-.132-.348l-.284-.556c-.167-.326-.25-.489-.199-.641c.052-.153.22-.238.556-.408l.573-.29c.176-.089.264-.133.32-.207c.057-.075.074-.168.109-.356l.112-.609c.065-.357.098-.536.234-.63s.325-.069.701-.018l.642.086c.197.027.296.04.388.012c.091-.028.163-.094.306-.227z"/><path stroke-linecap="round" d="M6.483 3.658a2 2 0 1 0-2.825 2.825m2.825-2.825a2 2 0 0 1-2.825 2.825m2.825-2.825A9.95 9.95 0 0 1 12 2c5.523 0 10 4.477 10 10a9.95 9.95 0 0 1-1.647 5.5M3.658 6.483A9.95 9.95 0 0 0 2 12c0 5.523 4.477 10 10 10a9.95 9.95 0 0 0 5.517-1.658m0 0a2 2 0 1 0 2.966-2.684a2 2 0 0 0-2.966 2.684Z"/></g></svg> </template>
CSS
.icon-solar-system {
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%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M11.422%207.378c.273-.252.41-.378.578-.378s.305.126.578.378l.466.43c.143.133.215.199.306.227c.092.028.19.015.388-.012l.642-.086c.376-.051.565-.076.7.018c.137.094.17.273.235.63l.112.609c.035.188.052.281.109.356c.056.074.144.118.32.208l.573.29c.336.17.504.254.556.407s-.032.315-.199.641l-.284.556c-.088.17-.132.256-.132.348s.044.177.132.348l.284.556c.167.326.25.489.199.641c-.052.153-.22.238-.556.408l-.573.29c-.176.089-.264.133-.32.207c-.057.075-.074.168-.109.356l-.112.609c-.065.357-.098.536-.234.63s-.325.069-.701.018l-.642-.086c-.197-.027-.296-.04-.388-.012c-.091.028-.163.095-.306.227l-.466.43c-.273.252-.41.378-.578.378s-.305-.126-.578-.378l-.466-.43c-.143-.133-.215-.199-.306-.227c-.092-.028-.19-.015-.388.012l-.642.086c-.376.051-.565.076-.7-.018c-.137-.094-.17-.273-.235-.63l-.112-.609c-.035-.187-.052-.281-.108-.355c-.057-.075-.145-.12-.321-.209l-.573-.29c-.336-.17-.504-.254-.556-.407s.032-.315.199-.641l.284-.556c.088-.17.132-.256.132-.348s-.044-.177-.132-.348l-.284-.556c-.167-.326-.25-.489-.199-.641c.052-.153.22-.238.556-.408l.573-.29c.176-.089.264-.133.32-.207c.057-.075.074-.168.109-.356l.112-.609c.065-.357.098-.536.234-.63s.325-.069.701-.018l.642.086c.197.027.296.04.388.012c.091-.028.163-.094.306-.227z%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M6.483%203.658a2%202%200%201%200-2.825%202.825m2.825-2.825a2%202%200%200%201-2.825%202.825m2.825-2.825A9.95%209.95%200%200%201%2012%202c5.523%200%2010%204.477%2010%2010a9.95%209.95%200%200%201-1.647%205.5M3.658%206.483A9.95%209.95%200%200%200%202%2012c0%205.523%204.477%2010%2010%2010a9.95%209.95%200%200%200%205.517-1.658m0%200a2%202%200%201%200%202.966-2.684a2%202%200%200%200-2.966%202.684Z%22%2F%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%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M11.422%207.378c.273-.252.41-.378.578-.378s.305.126.578.378l.466.43c.143.133.215.199.306.227c.092.028.19.015.388-.012l.642-.086c.376-.051.565-.076.7.018c.137.094.17.273.235.63l.112.609c.035.188.052.281.109.356c.056.074.144.118.32.208l.573.29c.336.17.504.254.556.407s-.032.315-.199.641l-.284.556c-.088.17-.132.256-.132.348s.044.177.132.348l.284.556c.167.326.25.489.199.641c-.052.153-.22.238-.556.408l-.573.29c-.176.089-.264.133-.32.207c-.057.075-.074.168-.109.356l-.112.609c-.065.357-.098.536-.234.63s-.325.069-.701.018l-.642-.086c-.197-.027-.296-.04-.388-.012c-.091.028-.163.095-.306.227l-.466.43c-.273.252-.41.378-.578.378s-.305-.126-.578-.378l-.466-.43c-.143-.133-.215-.199-.306-.227c-.092-.028-.19-.015-.388.012l-.642.086c-.376.051-.565.076-.7-.018c-.137-.094-.17-.273-.235-.63l-.112-.609c-.035-.187-.052-.281-.108-.355c-.057-.075-.145-.12-.321-.209l-.573-.29c-.336-.17-.504-.254-.556-.407s.032-.315.199-.641l.284-.556c.088-.17.132-.256.132-.348s-.044-.177-.132-.348l-.284-.556c-.167-.326-.25-.489-.199-.641c.052-.153.22-.238.556-.408l.573-.29c.176-.089.264-.133.32-.207c.057-.075.074-.168.109-.356l.112-.609c.065-.357.098-.536.234-.63s.325-.069.701-.018l.642.086c.197.027.296.04.388.012c.091-.028.163-.094.306-.227z%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M6.483%203.658a2%202%200%201%200-2.825%202.825m2.825-2.825a2%202%200%200%201-2.825%202.825m2.825-2.825A9.95%209.95%200%200%201%2012%202c5.523%200%2010%204.477%2010%2010a9.95%209.95%200%200%201-1.647%205.5M3.658%206.483A9.95%209.95%200%200%200%202%2012c0%205.523%204.477%2010%2010%2010a9.95%209.95%200%200%200%205.517-1.658m0%200a2%202%200%201%200%202.966-2.684a2%202%200%200%200-2.966%202.684Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/hugeicons/solar-system.svg?color=%231a73e8&size=48
