Radar Outline icon

solar:radar-outline

The Radar Outline icon (solar:radar-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: Map
Tags: radaroutline

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="M14.3943 3.06477C11.9589 2.41221 9.4915 2.79438 7.45561 3.94297C7.09485 4.14651 6.6374 4.01905 6.43387 3.65829C6.23034 3.29753 6.3578 2.84008 6.71856 2.63655C9.08256 1.30284 11.9528 0.857647 14.7825 1.61589C20.5173 3.15251 23.9206 9.04713 22.3839 14.7819C20.8473 20.5167 14.9527 23.9199 9.21792 22.3833C3.48316 20.8467 0.0798993 14.952 1.61652 9.21728C1.92079 8.08176 2.39655 7.03633 3.00897 6.1023C3.58298 5.22684 4.74075 5.15904 5.47401 5.75252L12.4721 11.4166C12.794 11.6772 12.8438 12.1495 12.5832 12.4714C12.3226 12.7934 11.8503 12.8432 11.5284 12.5826L4.53031 6.91847C4.47447 6.87327 4.41163 6.85969 4.36175 6.86572C4.31632 6.87121 4.28556 6.89094 4.26338 6.92477C3.73738 7.727 3.32785 8.62608 3.06541 9.60551C1.7432 14.5401 4.67159 19.6122 9.60615 20.9344C14.5407 22.2566 19.6128 19.3282 20.935 14.3937C22.2573 9.4591 19.3289 4.38699 14.3943 3.06477Z" clip-rule="evenodd"/></svg>

How to use the Radar Outline icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Related icons in Solar

Radar Outline icon in other icon sets

Radar Outline icon FAQ

Is the Radar 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 Radar Outline icon in React?

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

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

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

Browse all Solar icons →