Pulsar icon
thesvg-color:pulsar
The Pulsar icon (thesvg-color:pulsar) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 128 × 128 grid. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- theSVG Color
- Author
- thesvg.org
- License
- MIT
- Size
- 128 × 128
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#2c3e50" d="M127.199 0L86.133 34.398l-3.199 8.27c-.535-.203-1.066-.336-1.535-.336a3.97 3.97 0 0 0-2.863 1.203a4.1 4.1 0 0 0 0 5.797a4.13 4.13 0 0 0 2.932 1.203a4.13 4.13 0 0 0 2.934-1.203c1.203-1.199 1.535-3 .867-4.465l8.27-3.199L127.934.734zM87.025 5.486c-3.619.073-7.419.551-11.355 1.447q-5.901 1.3-11.803 3.801C44.8 2.933 26.133 3.801 15 14.934C6.398 23.535 3.535 36.801 7 52.199c.867 3.934 2.199 7.867 3.801 11.734c-6.668 16.398-7 32.531.066 43.801l3.531-4.199c-4.797-8.734-4.797-20.535-.598-33c3.333 6.464 7.597 12.797 12.664 18.664l3.402-4c-5.668-6.734-10.199-13.934-13.469-21.266c4.27-9.602 10.867-19.266 19.602-28c8.535-8.535 18.133-15.201 27.934-19.604c7.199 3.204 14.464 7.67 21.332 13.471l4-3.402A98.2 98.2 0 0 0 70.535 13.8a59 59 0 0 1 6.268-1.801c10.531-2.398 19.734-1.535 26.801 2.332l4.199-3.531c-5.731-3.668-12.816-5.475-20.777-5.314zM40.602 10.67c5.273.075 10.931 1.115 16.73 3.064c-8.797 4.531-17.398 10.801-25.066 18.531c-7.801 7.801-14 16.402-18.465 25.066c-.668-2.066-1.336-4.133-1.801-6.266c-3-13.668-.668-25.199 6.602-32.465c5.498-5.501 13.212-8.057 22-7.932zm76.332 9.332l-3.469 4.264c2.934 5.402 4.07 12.133 3.402 19.668A81 81 0 0 1 121 51.2c2.535-12.199 1.133-22.998-4.066-31.197zm-53 11.666c-17.734 0-32.199 14.465-32.199 32.199c0 6.199 1.801 12 4.867 16.934l1.729-.668c.27-1.734 1.068-3.332 2.338-4.668c.266-.266.529-.465.865-.73a24.8 24.8 0 0 1-2.535-10.867c0-13.734 11.201-24.934 24.936-24.934a24.6 24.6 0 0 1 10.867 2.531c.199-.266.398-.598.664-.863c1.27-1.27 2.867-2.066 4.668-2.336l.734-1.73c-4.934-3.07-10.734-4.867-16.934-4.867zm37.602 6.934l-3.469 4c5.734 6.863 10.266 14.133 13.469 21.266l-.07.199c-4.399 9.8-11.133 19.398-19.465 27.734c-12.266 12.266-26.734 20.734-40.801 23.934c-10.531 2.398-19.734 1.531-26.801-2.336l-4.199 3.535c5.535 3.531 12.266 5.332 19.801 5.332c3.934 0 8.066-.465 12.332-1.465c15-3.402 30.402-12.336 43.336-25.266c7.598-7.602 13.934-16.203 18.531-25.07c5.199 15.469 3.934 29.934-4.867 38.734c-6.664 6.668-17.133 9.133-29.199 7.199a76 76 0 0 1-6.867 3.801c5.133 1.336 10.066 2.066 14.668 2.066c10.133 0 18.867-3.199 25.066-9.398c16.133-16.133 10.734-48.199-11.465-74.266zm-10.203 8.332l-1.73.668c-.27 1.73-1.066 3.332-2.336 4.664c-.266.27-.531.467-.867.732c1.602 3.266 2.535 7 2.535 10.867c-.066 13.801-11.266 24.936-25 24.936c-3.934 0-7.602-.934-10.867-2.535c-.199.27-.398.602-.668.867a8.2 8.2 0 0 1-4.664 2.332l-.668 1.734c4.933 3.067 10.735 4.867 16.934 4.867c17.734 0 32.199-14.465 32.199-32.199c0-6.199-1.801-12-4.867-16.934zm-27.398 1.465c-8.535 0-15.469 6.934-15.469 15.469a15.48 15.48 0 0 0 15.469 15.465A15.48 15.48 0 0 0 79.4 63.868c0-8.535-6.934-15.469-15.465-15.469m-17.47 28.867a4.13 4.13 0 0 0-2.93 1.199c-1.203 1.203-1.535 3-.867 4.469l-8.27 3.199L0 127.066l.734.734l40.934-34.402l3.266-8.266c.531.199 1.066.332 1.602.332a3.97 3.97 0 0 0 2.863-1.199a4.1 4.1 0 0 0 0-5.801a4.14 4.14 0 0 0-2.934-1.199zm-3.73 20.668l-4.066 3.465c3.598 3.066 7.266 5.801 11.133 8.27c1.398-.535 4.465-1.734 5.801-2.535c-4.734-2.734-8.535-5.531-12.867-9.199z"/></svg>How to use the Pulsar icon
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:pulsar" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:pulsar" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:pulsar" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--pulsar]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:pulsar"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:pulsar"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/thesvg-color/pulsar.svg" alt="Pulsar icon" width="24" height="24">Pulsar icon in other icon sets
Pulsar icon FAQ
Is the Pulsar icon free for commercial use?
Yes. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Pulsar icon in React?
Install @iconify/react and render <Icon icon="thesvg-color:pulsar" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Pulsar icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/thesvg-color/pulsar.svg" alt="Pulsar icon">, or paste the SVG code inline to style it with CSS.