planets logo

planets-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.

Name: planets-background
Set: Web3 Icons Branded
Style: Background
Viewbox: 24×24
License: MIT

1 other variant in Web3 Icons Branded

The same logo in other sets

Use the planets logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><g clip-path="url(#SVGHcSWxdhd51)"><path fill="#0447af" d="M24 0H0v24h24z"/><path fill="#fff" fill-rule="evenodd" d="M11.855 7.429c-3.352 0-6.183 2.205-7.554 3.771a1.18 1.18 0 0 0-.091 1.46a9.45 9.45 0 0 0 7.645 3.912c3.962 0 6.717-2.377 7.95-4.012a.964.964 0 0 0-.072-1.245c-1.462-1.574-4.45-3.886-7.878-3.886m.02.762c-3.422 0-6.222 2.48-7.113 3.725c.476.934 1.897 2.553 4.152 3.376c-1.363-1.227-1.428-3.143-1.28-3.974l.74-.495a5 5 0 0 0 .17 2.96c.332.914 1.288 1.562 2.13 1.943a8 8 0 0 0 1.2.084c3.981 0 6.564-2.59 7.364-3.886c-.628-.762-1.962-1.985-3.684-2.823c1.056 1.22 1.097 2.892.964 3.65l-.739.495a5 5 0 0 0-.171-2.96c-.317-.872-1.204-1.501-2.02-1.893a7.6 7.6 0 0 0-1.714-.202" clip-rule="evenodd"/><path fill="#fff" d="M16.74 11.111c.418.305.754.602.974.838c-.624.88-2.659 2.648-5.79 2.648a7.6 7.6 0 0 1-2.77-.51c.275.365.576.685.838.937a8.5 8.5 0 0 0 1.917.213c3.192 0 5.41-1.676 6.411-2.83a.644.644 0 0 0-.053-.896a11 11 0 0 0-1.722-1.31c.099.308.16.636.19.91zm-2.63-2.019a7.7 7.7 0 0 0-2.201-.331c-2.8 0-5.15 1.672-6.21 2.785a.62.62 0 0 0-.053.8a7 7 0 0 0 1.965 1.722a17 17 0 0 1-.327-1.079c-.457-.38-.777-.762-.945-1.047c.701-.85 2.9-2.541 5.589-2.541c1.18 0 2.285.327 3.226.77a4.9 4.9 0 0 0-1.043-1.079"/><path fill="#fff" d="M12.38 11.237q.076 0 .146-.03c.137.22.22.483.22.788c0 .213-.034.408-.091.583a1.8 1.8 0 0 1-1.025.179a2.2 2.2 0 0 1-.465-.343a.38.38 0 0 0-.06-.514c.197-.393.526-.704.93-.88a.38.38 0 0 0 .346.217m.568.762q0 .347-.114.674c.065.065.11.152.114.248a2.5 2.5 0 0 0 .91-.518a1.91 1.91 0 0 0-.449-1.688c-.19.011-.419.038-.651.08a.38.38 0 0 1-.076.29c.164.251.266.556.266.914m.267-1.47a5 5 0 0 0-.522.075l-.023.004a.38.38 0 0 0-.503-.068a2.8 2.8 0 0 0-.697-.37a1.9 1.9 0 0 1 1.741.358zm-2.042-.248a2 2 0 0 0-.514.365a2 2 0 0 0 .106 1.174a.4.4 0 0 1 .16-.004c.225-.453.607-.81 1.075-1.002a.4.4 0 0 1 .034-.122a2.7 2.7 0 0 0-.865-.411zm-.754.655c-.015.293.023.64.171.983a.382.382 0 0 0 .077.602c-.058.259-.092.51-.1.731a1.9 1.9 0 0 1-.148-2.316m.343 2.514c.21.176.457.309.731.385a2.6 2.6 0 0 0 .8-.625l-.026-.034a2 2 0 0 1-.736-.244a2.4 2.4 0 0 1-.522-.392a.4.4 0 0 1-.148.03c-.076.32-.103.636-.1.877zm1.036.442a1.91 1.91 0 0 0 1.954-1.143a2.6 2.6 0 0 1-.85.393a.38.38 0 0 1-.437.175a2.8 2.8 0 0 1-.667.575"/></g><defs><clipPath id="SVGHcSWxdhd51"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>

React

import type { SVGProps } from "react";

export function TokenBrandedPlanetsBackground(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"><g clipPath="url(#SVGHcSWxdhd51)"><path fill="#0447af" d="M24 0H0v24h24z"/><path fill="#fff" fillRule="evenodd" d="M11.855 7.429c-3.352 0-6.183 2.205-7.554 3.771a1.18 1.18 0 0 0-.091 1.46a9.45 9.45 0 0 0 7.645 3.912c3.962 0 6.717-2.377 7.95-4.012a.964.964 0 0 0-.072-1.245c-1.462-1.574-4.45-3.886-7.878-3.886m.02.762c-3.422 0-6.222 2.48-7.113 3.725c.476.934 1.897 2.553 4.152 3.376c-1.363-1.227-1.428-3.143-1.28-3.974l.74-.495a5 5 0 0 0 .17 2.96c.332.914 1.288 1.562 2.13 1.943a8 8 0 0 0 1.2.084c3.981 0 6.564-2.59 7.364-3.886c-.628-.762-1.962-1.985-3.684-2.823c1.056 1.22 1.097 2.892.964 3.65l-.739.495a5 5 0 0 0-.171-2.96c-.317-.872-1.204-1.501-2.02-1.893a7.6 7.6 0 0 0-1.714-.202" clipRule="evenodd"/><path fill="#fff" d="M16.74 11.111c.418.305.754.602.974.838c-.624.88-2.659 2.648-5.79 2.648a7.6 7.6 0 0 1-2.77-.51c.275.365.576.685.838.937a8.5 8.5 0 0 0 1.917.213c3.192 0 5.41-1.676 6.411-2.83a.644.644 0 0 0-.053-.896a11 11 0 0 0-1.722-1.31c.099.308.16.636.19.91zm-2.63-2.019a7.7 7.7 0 0 0-2.201-.331c-2.8 0-5.15 1.672-6.21 2.785a.62.62 0 0 0-.053.8a7 7 0 0 0 1.965 1.722a17 17 0 0 1-.327-1.079c-.457-.38-.777-.762-.945-1.047c.701-.85 2.9-2.541 5.589-2.541c1.18 0 2.285.327 3.226.77a4.9 4.9 0 0 0-1.043-1.079"/><path fill="#fff" d="M12.38 11.237q.076 0 .146-.03c.137.22.22.483.22.788c0 .213-.034.408-.091.583a1.8 1.8 0 0 1-1.025.179a2.2 2.2 0 0 1-.465-.343a.38.38 0 0 0-.06-.514c.197-.393.526-.704.93-.88a.38.38 0 0 0 .346.217m.568.762q0 .347-.114.674c.065.065.11.152.114.248a2.5 2.5 0 0 0 .91-.518a1.91 1.91 0 0 0-.449-1.688c-.19.011-.419.038-.651.08a.38.38 0 0 1-.076.29c.164.251.266.556.266.914m.267-1.47a5 5 0 0 0-.522.075l-.023.004a.38.38 0 0 0-.503-.068a2.8 2.8 0 0 0-.697-.37a1.9 1.9 0 0 1 1.741.358zm-2.042-.248a2 2 0 0 0-.514.365a2 2 0 0 0 .106 1.174a.4.4 0 0 1 .16-.004c.225-.453.607-.81 1.075-1.002a.4.4 0 0 1 .034-.122a2.7 2.7 0 0 0-.865-.411zm-.754.655c-.015.293.023.64.171.983a.382.382 0 0 0 .077.602c-.058.259-.092.51-.1.731a1.9 1.9 0 0 1-.148-2.316m.343 2.514c.21.176.457.309.731.385a2.6 2.6 0 0 0 .8-.625l-.026-.034a2 2 0 0 1-.736-.244a2.4 2.4 0 0 1-.522-.392a.4.4 0 0 1-.148.03c-.076.32-.103.636-.1.877zm1.036.442a1.91 1.91 0 0 0 1.954-1.143a2.6 2.6 0 0 1-.85.393a.38.38 0 0 1-.437.175a2.8 2.8 0 0 1-.667.575"/></g><defs><clipPath id="SVGHcSWxdhd51"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><g clip-path="url(#SVGHcSWxdhd51)"><path fill="#0447af" d="M24 0H0v24h24z"/><path fill="#fff" fill-rule="evenodd" d="M11.855 7.429c-3.352 0-6.183 2.205-7.554 3.771a1.18 1.18 0 0 0-.091 1.46a9.45 9.45 0 0 0 7.645 3.912c3.962 0 6.717-2.377 7.95-4.012a.964.964 0 0 0-.072-1.245c-1.462-1.574-4.45-3.886-7.878-3.886m.02.762c-3.422 0-6.222 2.48-7.113 3.725c.476.934 1.897 2.553 4.152 3.376c-1.363-1.227-1.428-3.143-1.28-3.974l.74-.495a5 5 0 0 0 .17 2.96c.332.914 1.288 1.562 2.13 1.943a8 8 0 0 0 1.2.084c3.981 0 6.564-2.59 7.364-3.886c-.628-.762-1.962-1.985-3.684-2.823c1.056 1.22 1.097 2.892.964 3.65l-.739.495a5 5 0 0 0-.171-2.96c-.317-.872-1.204-1.501-2.02-1.893a7.6 7.6 0 0 0-1.714-.202" clip-rule="evenodd"/><path fill="#fff" d="M16.74 11.111c.418.305.754.602.974.838c-.624.88-2.659 2.648-5.79 2.648a7.6 7.6 0 0 1-2.77-.51c.275.365.576.685.838.937a8.5 8.5 0 0 0 1.917.213c3.192 0 5.41-1.676 6.411-2.83a.644.644 0 0 0-.053-.896a11 11 0 0 0-1.722-1.31c.099.308.16.636.19.91zm-2.63-2.019a7.7 7.7 0 0 0-2.201-.331c-2.8 0-5.15 1.672-6.21 2.785a.62.62 0 0 0-.053.8a7 7 0 0 0 1.965 1.722a17 17 0 0 1-.327-1.079c-.457-.38-.777-.762-.945-1.047c.701-.85 2.9-2.541 5.589-2.541c1.18 0 2.285.327 3.226.77a4.9 4.9 0 0 0-1.043-1.079"/><path fill="#fff" d="M12.38 11.237q.076 0 .146-.03c.137.22.22.483.22.788c0 .213-.034.408-.091.583a1.8 1.8 0 0 1-1.025.179a2.2 2.2 0 0 1-.465-.343a.38.38 0 0 0-.06-.514c.197-.393.526-.704.93-.88a.38.38 0 0 0 .346.217m.568.762q0 .347-.114.674c.065.065.11.152.114.248a2.5 2.5 0 0 0 .91-.518a1.91 1.91 0 0 0-.449-1.688c-.19.011-.419.038-.651.08a.38.38 0 0 1-.076.29c.164.251.266.556.266.914m.267-1.47a5 5 0 0 0-.522.075l-.023.004a.38.38 0 0 0-.503-.068a2.8 2.8 0 0 0-.697-.37a1.9 1.9 0 0 1 1.741.358zm-2.042-.248a2 2 0 0 0-.514.365a2 2 0 0 0 .106 1.174a.4.4 0 0 1 .16-.004c.225-.453.607-.81 1.075-1.002a.4.4 0 0 1 .034-.122a2.7 2.7 0 0 0-.865-.411zm-.754.655c-.015.293.023.64.171.983a.382.382 0 0 0 .077.602c-.058.259-.092.51-.1.731a1.9 1.9 0 0 1-.148-2.316m.343 2.514c.21.176.457.309.731.385a2.6 2.6 0 0 0 .8-.625l-.026-.034a2 2 0 0 1-.736-.244a2.4 2.4 0 0 1-.522-.392a.4.4 0 0 1-.148.03c-.076.32-.103.636-.1.877zm1.036.442a1.91 1.91 0 0 0 1.954-1.143a2.6 2.6 0 0 1-.85.393a.38.38 0 0 1-.437.175a2.8 2.8 0 0 1-.667.575"/></g><defs><clipPath id="SVGHcSWxdhd51"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
</template>

CSS

.icon-planets-background {
  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%3E%3Cg%20clip-path%3D%22url(%23SVGHcSWxdhd51)%22%3E%3Cpath%20fill%3D%22%230447af%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M11.855%207.429c-3.352%200-6.183%202.205-7.554%203.771a1.18%201.18%200%200%200-.091%201.46a9.45%209.45%200%200%200%207.645%203.912c3.962%200%206.717-2.377%207.95-4.012a.964.964%200%200%200-.072-1.245c-1.462-1.574-4.45-3.886-7.878-3.886m.02.762c-3.422%200-6.222%202.48-7.113%203.725c.476.934%201.897%202.553%204.152%203.376c-1.363-1.227-1.428-3.143-1.28-3.974l.74-.495a5%205%200%200%200%20.17%202.96c.332.914%201.288%201.562%202.13%201.943a8%208%200%200%200%201.2.084c3.981%200%206.564-2.59%207.364-3.886c-.628-.762-1.962-1.985-3.684-2.823c1.056%201.22%201.097%202.892.964%203.65l-.739.495a5%205%200%200%200-.171-2.96c-.317-.872-1.204-1.501-2.02-1.893a7.6%207.6%200%200%200-1.714-.202%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M16.74%2011.111c.418.305.754.602.974.838c-.624.88-2.659%202.648-5.79%202.648a7.6%207.6%200%200%201-2.77-.51c.275.365.576.685.838.937a8.5%208.5%200%200%200%201.917.213c3.192%200%205.41-1.676%206.411-2.83a.644.644%200%200%200-.053-.896a11%2011%200%200%200-1.722-1.31c.099.308.16.636.19.91zm-2.63-2.019a7.7%207.7%200%200%200-2.201-.331c-2.8%200-5.15%201.672-6.21%202.785a.62.62%200%200%200-.053.8a7%207%200%200%200%201.965%201.722a17%2017%200%200%201-.327-1.079c-.457-.38-.777-.762-.945-1.047c.701-.85%202.9-2.541%205.589-2.541c1.18%200%202.285.327%203.226.77a4.9%204.9%200%200%200-1.043-1.079%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M12.38%2011.237q.076%200%20.146-.03c.137.22.22.483.22.788c0%20.213-.034.408-.091.583a1.8%201.8%200%200%201-1.025.179a2.2%202.2%200%200%201-.465-.343a.38.38%200%200%200-.06-.514c.197-.393.526-.704.93-.88a.38.38%200%200%200%20.346.217m.568.762q0%20.347-.114.674c.065.065.11.152.114.248a2.5%202.5%200%200%200%20.91-.518a1.91%201.91%200%200%200-.449-1.688c-.19.011-.419.038-.651.08a.38.38%200%200%201-.076.29c.164.251.266.556.266.914m.267-1.47a5%205%200%200%200-.522.075l-.023.004a.38.38%200%200%200-.503-.068a2.8%202.8%200%200%200-.697-.37a1.9%201.9%200%200%201%201.741.358zm-2.042-.248a2%202%200%200%200-.514.365a2%202%200%200%200%20.106%201.174a.4.4%200%200%201%20.16-.004c.225-.453.607-.81%201.075-1.002a.4.4%200%200%201%20.034-.122a2.7%202.7%200%200%200-.865-.411zm-.754.655c-.015.293.023.64.171.983a.382.382%200%200%200%20.077.602c-.058.259-.092.51-.1.731a1.9%201.9%200%200%201-.148-2.316m.343%202.514c.21.176.457.309.731.385a2.6%202.6%200%200%200%20.8-.625l-.026-.034a2%202%200%200%201-.736-.244a2.4%202.4%200%200%201-.522-.392a.4.4%200%200%201-.148.03c-.076.32-.103.636-.1.877zm1.036.442a1.91%201.91%200%200%200%201.954-1.143a2.6%202.6%200%200%201-.85.393a.38.38%200%200%201-.437.175a2.8%202.8%200%200%201-.667.575%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd51%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h24v24H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%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%3E%3Cg%20clip-path%3D%22url(%23SVGHcSWxdhd51)%22%3E%3Cpath%20fill%3D%22%230447af%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M11.855%207.429c-3.352%200-6.183%202.205-7.554%203.771a1.18%201.18%200%200%200-.091%201.46a9.45%209.45%200%200%200%207.645%203.912c3.962%200%206.717-2.377%207.95-4.012a.964.964%200%200%200-.072-1.245c-1.462-1.574-4.45-3.886-7.878-3.886m.02.762c-3.422%200-6.222%202.48-7.113%203.725c.476.934%201.897%202.553%204.152%203.376c-1.363-1.227-1.428-3.143-1.28-3.974l.74-.495a5%205%200%200%200%20.17%202.96c.332.914%201.288%201.562%202.13%201.943a8%208%200%200%200%201.2.084c3.981%200%206.564-2.59%207.364-3.886c-.628-.762-1.962-1.985-3.684-2.823c1.056%201.22%201.097%202.892.964%203.65l-.739.495a5%205%200%200%200-.171-2.96c-.317-.872-1.204-1.501-2.02-1.893a7.6%207.6%200%200%200-1.714-.202%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M16.74%2011.111c.418.305.754.602.974.838c-.624.88-2.659%202.648-5.79%202.648a7.6%207.6%200%200%201-2.77-.51c.275.365.576.685.838.937a8.5%208.5%200%200%200%201.917.213c3.192%200%205.41-1.676%206.411-2.83a.644.644%200%200%200-.053-.896a11%2011%200%200%200-1.722-1.31c.099.308.16.636.19.91zm-2.63-2.019a7.7%207.7%200%200%200-2.201-.331c-2.8%200-5.15%201.672-6.21%202.785a.62.62%200%200%200-.053.8a7%207%200%200%200%201.965%201.722a17%2017%200%200%201-.327-1.079c-.457-.38-.777-.762-.945-1.047c.701-.85%202.9-2.541%205.589-2.541c1.18%200%202.285.327%203.226.77a4.9%204.9%200%200%200-1.043-1.079%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M12.38%2011.237q.076%200%20.146-.03c.137.22.22.483.22.788c0%20.213-.034.408-.091.583a1.8%201.8%200%200%201-1.025.179a2.2%202.2%200%200%201-.465-.343a.38.38%200%200%200-.06-.514c.197-.393.526-.704.93-.88a.38.38%200%200%200%20.346.217m.568.762q0%20.347-.114.674c.065.065.11.152.114.248a2.5%202.5%200%200%200%20.91-.518a1.91%201.91%200%200%200-.449-1.688c-.19.011-.419.038-.651.08a.38.38%200%200%201-.076.29c.164.251.266.556.266.914m.267-1.47a5%205%200%200%200-.522.075l-.023.004a.38.38%200%200%200-.503-.068a2.8%202.8%200%200%200-.697-.37a1.9%201.9%200%200%201%201.741.358zm-2.042-.248a2%202%200%200%200-.514.365a2%202%200%200%200%20.106%201.174a.4.4%200%200%201%20.16-.004c.225-.453.607-.81%201.075-1.002a.4.4%200%200%201%20.034-.122a2.7%202.7%200%200%200-.865-.411zm-.754.655c-.015.293.023.64.171.983a.382.382%200%200%200%20.077.602c-.058.259-.092.51-.1.731a1.9%201.9%200%200%201-.148-2.316m.343%202.514c.21.176.457.309.731.385a2.6%202.6%200%200%200%20.8-.625l-.026-.034a2%202%200%200%201-.736-.244a2.4%202.4%200%200%201-.522-.392a.4.4%200%200%201-.148.03c-.076.32-.103.636-.1.877zm1.036.442a1.91%201.91%200%200%200%201.954-1.143a2.6%202.6%200%200%201-.85.393a.38.38%200%200%201-.437.175a2.8%202.8%200%200%201-.667.575%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd51%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h24v24H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/token-branded/planets-background.svg?color=%231a73e8&size=48