bxs planet icon

bxs-planet from BoxIcons v2 by Boxicons · Regular · MIT Free for personal and commercial use.

Name
bxs-planet
Set
BoxIcons v2
Style
Regular
Viewbox
24×24
License
MIT

Related icons in BoxIcons v2

Use the bxs planet icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path d="M15.165 15.582c4.587-4.073 8.141-9.424 6.057-11.771c-.661-.744-1.584-1.089-2.575-.983c-.832.091-1.687.502-2.549 1.192a8.922 8.922 0 0 0-8.712.282a8.917 8.917 0 0 0-4.109 5.515a8.892 8.892 0 0 0 .306 5.325c-1.065 1.203-2.054 3.677-.823 5.063c.517.581 1.257.841 2.147.841c2.707 0 6.808-2.399 10.258-5.464zm3.699-10.767c.358-.034.632.064.861.323c.231.261.169.946-.252 1.929a9.059 9.059 0 0 0-1.617-1.853c.431-.262.776-.373 1.008-.399zM4.633 17.118a8.979 8.979 0 0 0 1.568 1.737c-1.025.303-1.714.283-1.945.021c-.217-.243.002-1.069.377-1.758zm16.31-5.869c-1.215 1.797-2.906 3.671-4.778 5.333c-1.934 1.719-4.066 3.208-6.05 4.202a9.082 9.082 0 0 0 1.874.212a8.986 8.986 0 0 0 4.616-1.282a8.915 8.915 0 0 0 4.338-8.465z" fill="currentColor"/></svg>

React

import type { SVGProps } from "react";

export function BxBxsPlanet(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path d="M15.165 15.582c4.587-4.073 8.141-9.424 6.057-11.771c-.661-.744-1.584-1.089-2.575-.983c-.832.091-1.687.502-2.549 1.192a8.922 8.922 0 0 0-8.712.282a8.917 8.917 0 0 0-4.109 5.515a8.892 8.892 0 0 0 .306 5.325c-1.065 1.203-2.054 3.677-.823 5.063c.517.581 1.257.841 2.147.841c2.707 0 6.808-2.399 10.258-5.464zm3.699-10.767c.358-.034.632.064.861.323c.231.261.169.946-.252 1.929a9.059 9.059 0 0 0-1.617-1.853c.431-.262.776-.373 1.008-.399zM4.633 17.118a8.979 8.979 0 0 0 1.568 1.737c-1.025.303-1.714.283-1.945.021c-.217-.243.002-1.069.377-1.758zm16.31-5.869c-1.215 1.797-2.906 3.671-4.778 5.333c-1.934 1.719-4.066 3.208-6.05 4.202a9.082 9.082 0 0 0 1.874.212a8.986 8.986 0 0 0 4.616-1.282a8.915 8.915 0 0 0 4.338-8.465z" fill="currentColor"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path d="M15.165 15.582c4.587-4.073 8.141-9.424 6.057-11.771c-.661-.744-1.584-1.089-2.575-.983c-.832.091-1.687.502-2.549 1.192a8.922 8.922 0 0 0-8.712.282a8.917 8.917 0 0 0-4.109 5.515a8.892 8.892 0 0 0 .306 5.325c-1.065 1.203-2.054 3.677-.823 5.063c.517.581 1.257.841 2.147.841c2.707 0 6.808-2.399 10.258-5.464zm3.699-10.767c.358-.034.632.064.861.323c.231.261.169.946-.252 1.929a9.059 9.059 0 0 0-1.617-1.853c.431-.262.776-.373 1.008-.399zM4.633 17.118a8.979 8.979 0 0 0 1.568 1.737c-1.025.303-1.714.283-1.945.021c-.217-.243.002-1.069.377-1.758zm16.31-5.869c-1.215 1.797-2.906 3.671-4.778 5.333c-1.934 1.719-4.066 3.208-6.05 4.202a9.082 9.082 0 0 0 1.874.212a8.986 8.986 0 0 0 4.616-1.282a8.915 8.915 0 0 0 4.338-8.465z" fill="currentColor"/></svg>
</template>

CSS

.icon-bxs-planet {
  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%3Cpath%20d%3D%22M15.165%2015.582c4.587-4.073%208.141-9.424%206.057-11.771c-.661-.744-1.584-1.089-2.575-.983c-.832.091-1.687.502-2.549%201.192a8.922%208.922%200%200%200-8.712.282a8.917%208.917%200%200%200-4.109%205.515a8.892%208.892%200%200%200%20.306%205.325c-1.065%201.203-2.054%203.677-.823%205.063c.517.581%201.257.841%202.147.841c2.707%200%206.808-2.399%2010.258-5.464zm3.699-10.767c.358-.034.632.064.861.323c.231.261.169.946-.252%201.929a9.059%209.059%200%200%200-1.617-1.853c.431-.262.776-.373%201.008-.399zM4.633%2017.118a8.979%208.979%200%200%200%201.568%201.737c-1.025.303-1.714.283-1.945.021c-.217-.243.002-1.069.377-1.758zm16.31-5.869c-1.215%201.797-2.906%203.671-4.778%205.333c-1.934%201.719-4.066%203.208-6.05%204.202a9.082%209.082%200%200%200%201.874.212a8.986%208.986%200%200%200%204.616-1.282a8.915%208.915%200%200%200%204.338-8.465z%22%20fill%3D%22currentColor%22%2F%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%3Cpath%20d%3D%22M15.165%2015.582c4.587-4.073%208.141-9.424%206.057-11.771c-.661-.744-1.584-1.089-2.575-.983c-.832.091-1.687.502-2.549%201.192a8.922%208.922%200%200%200-8.712.282a8.917%208.917%200%200%200-4.109%205.515a8.892%208.892%200%200%200%20.306%205.325c-1.065%201.203-2.054%203.677-.823%205.063c.517.581%201.257.841%202.147.841c2.707%200%206.808-2.399%2010.258-5.464zm3.699-10.767c.358-.034.632.064.861.323c.231.261.169.946-.252%201.929a9.059%209.059%200%200%200-1.617-1.853c.431-.262.776-.373%201.008-.399zM4.633%2017.118a8.979%208.979%200%200%200%201.568%201.737c-1.025.303-1.714.283-1.945.021c-.217-.243.002-1.069.377-1.758zm16.31-5.869c-1.215%201.797-2.906%203.671-4.778%205.333c-1.934%201.719-4.066%203.208-6.05%204.202a9.082%209.082%200%200%200%201.874.212a8.986%208.986%200%200%200%204.616-1.282a8.915%208.915%200%200%200%204.338-8.465z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/bx/bxs-planet.svg?color=%231a73e8&size=48