Satellite Outline icon

solar:satellite-outline

The Satellite Outline icon (solar:satellite-outline) is a free SVG icon from the Solar set by 480 Design. It is drawn on a 24 × 24 grid. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Solar
Author: 480 Design
License: CC-BY-4.0
Size: 24 × 24
Category: Astronomy
Tags: satelliteoutline

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M12.6291 2.92377L1.6359 9.03126C1.27381 9.23242 1.14336 9.68902 1.34452 10.0511C1.54569 10.4132 2.00229 10.5436 2.36438 10.3425L11.0499 5.5171C10.5132 7.32327 10.8481 9.33324 12.0545 10.8851L4.46981 18.4697C4.17691 18.7626 4.17691 19.2374 4.4698 19.5303C4.7627 19.8232 5.23757 19.8232 5.53046 19.5303L13.1152 11.9457C14.667 13.152 16.6769 13.4868 18.4831 12.9502L13.6577 21.6358C13.4566 21.9979 13.587 22.4545 13.9491 22.6556C14.3112 22.8568 14.7678 22.7263 14.969 22.3642L21.0764 11.3709C23.3331 9.03243 23.3078 5.30714 21.0004 2.99975C18.693 0.692357 14.9677 0.667032 12.6291 2.92377ZM20.2732 10.0152C21.6788 8.25856 21.5676 5.6883 19.9397 4.06041C18.3118 2.43252 15.7415 2.32135 13.9849 3.72687C14.0696 3.89872 14.1859 4.11732 14.3409 4.37566C14.772 5.09432 15.504 6.12295 16.6907 7.30957C17.8773 8.49619 18.9059 9.22816 19.6245 9.65927C19.8828 9.81424 20.1014 9.93051 20.2732 10.0152ZM19.0646 11.0697C18.9966 11.0307 18.9259 10.9894 18.8529 10.9456C18.1501 10.524 17.2231 9.87143 16.1698 8.89115L14.1871 10.8738C15.6345 11.9031 17.557 11.9684 19.0646 11.0697ZM13.1264 9.81314C12.097 8.36572 12.0316 6.44317 12.9304 4.93544C12.9694 5.00355 13.0107 5.07423 13.0546 5.14735C13.4762 5.85016 14.1288 6.77721 15.1091 7.8305L13.1264 9.81314Z" clip-rule="evenodd"/></svg>

How to use the Satellite Outline icon

React

import { Icon } from "@iconify/react";

<Icon icon="solar:satellite-outline" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="solar:satellite-outline" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="solar:satellite-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--satellite-outline]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:satellite-outline"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="solar:satellite-outline"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/solar/satellite-outline.svg" alt="Satellite Outline icon" width="24" height="24">

Related icons in Solar

Satellite Outline icon in other icon sets

Satellite Outline icon FAQ

Is the Satellite Outline icon free for commercial use?

Yes. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.

How do I use the Satellite Outline icon in React?

Install @iconify/react and render <Icon icon="solar:satellite-outline" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Satellite Outline icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/solar/satellite-outline.svg" alt="Satellite Outline icon">, or paste the SVG code inline to style it with CSS.

Browse all Solar icons →