Polar Dark icon
thesvg-color:polar-dark
The Polar Dark icon (thesvg-color:polar-dark) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 300 × 300 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
- 300 × 300
- Tags
- polardark
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="300" height="300" viewBox="0 0 300 300"><g fill="none"><g clip-path="url(#SVGDTtXObki)"><path fill="#fff" fill-rule="evenodd" d="M66.428 274.26c68.448 46.333 161.497 28.406 207.83-40.041c46.335-68.448 28.408-161.497-40.04-207.83C165.77-19.946 72.721-2.019 26.388 66.428c-46.336 68.45-28.408 161.5 40.039 207.832ZM47.956 116.67c-17.119 52.593-11.412 105.223 11.29 139.703C18.04 217.361 7.275 150.307 36.943 92.318c18.971-37.082 50.622-62.924 85.556-73.97C90.59 36.711 62.554 71.814 47.955 116.67Zm127.391 166.467c36.03-10.531 68.864-36.752 88.338-74.815c29.416-57.497 19.083-123.905-21.258-163.055c21.793 34.496 27.046 86.275 10.204 138.02c-15.016 46.134-44.246 81.952-77.284 99.85m8.28-16.908c24.318-20.811 44.389-55.625 53.308-97.439c14.098-66.097-4.384-127.592-41.823-148.113c19.858 26.718 29.91 78.613 23.712 136.656c-4.739 44.391-18.01 83.26-35.197 108.896M63.717 131.844c-14.201 66.586 4.66 128.501 42.657 148.561c-20.378-26.396-30.777-78.891-24.498-137.694c4.661-43.657 17.574-81.974 34.349-107.614c-23.957 20.886-43.687 55.392-52.507 96.747Zm136.117 17.717c1.074 67.912-20.244 123.317-47.612 123.748c-27.369.433-50.425-54.27-51.498-122.182s20.244-123.318 47.613-123.75c27.368-.432 50.425 54.271 51.497 122.184" clip-rule="evenodd"/></g><defs><clipPath id="SVGDTtXObki"><path fill="#fff" d="M0 0h300v300H0z"/></clipPath></defs></g></svg>How to use the Polar Dark icon
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:polar-dark" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:polar-dark" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:polar-dark" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--polar-dark]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:polar-dark"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:polar-dark"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/thesvg-color/polar-dark.svg" alt="Polar Dark icon" width="24" height="24">Related icons in theSVG Color
Polar Dark icon FAQ
Is the Polar Dark 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 Polar Dark icon in React?
Install @iconify/react and render <Icon icon="thesvg-color:polar-dark" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Polar Dark icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/thesvg-color/polar-dark.svg" alt="Polar Dark icon">, or paste the SVG code inline to style it with CSS.