flying saucer icon

flying-saucer-fill from Phosphor by Phosphor Icons · Fill · MIT Free for personal and commercial use.

Name: flying-saucer-fill
Set: Phosphor
Style: Fill
Viewbox: 256×256
License: MIT

5 other variants in Phosphor

flying-saucer flying-saucer-bold flying-saucer-duotone flying-saucer-light flying-saucer-thin

The same icon in other sets

flying-saucerFluent Emoji flying-saucerFluent Emoji Flat flying-saucerFluent Emoji High Contrast flying-saucerNoto Emoji flying-saucerOpenMoji flying-saucerTwitter Emoji

Use the flying saucer icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M183.59 213.47a8 8 0 0 1-15.18 5.06l-8-24a8 8 0 0 1 15.18-5.06ZM128 184a8 8 0 0 0-8 8v32a8 8 0 0 0 16 0v-32a8 8 0 0 0-8-8m-37.47.41a8 8 0 0 0-10.12 5.06l-8 24a8 8 0 0 0 15.18 5.06l8-24a8 8 0 0 0-5.06-10.12M248 112c0 16.22-13.37 30.89-37.65 41.29C188.22 162.78 159 168 128 168s-60.22-5.22-82.35-14.71C21.37 142.89 8 128.22 8 112c0-8.37 3.67-20.79 21.17-32.5c11.37-7.61 26.94-13.76 45.18-17.85A63.64 63.64 0 0 1 173 50.45a64.8 64.8 0 0 1 9.11 11.3C223.43 71.09 248 89.74 248 112m-72-16a47.66 47.66 0 0 0-6.06-23.35l-.06-.09A48.07 48.07 0 0 0 127.36 48C101.25 48.34 80 70.25 80 96.83v3a7.92 7.92 0 0 0 6.13 7.76A188.2 188.2 0 0 0 128 112a188 188 0 0 0 41.85-4.37a7.93 7.93 0 0 0 6.15-7.76Z"/></svg>

React

import type { SVGProps } from "react";

export function PhFlyingSaucerFill(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M183.59 213.47a8 8 0 0 1-15.18 5.06l-8-24a8 8 0 0 1 15.18-5.06ZM128 184a8 8 0 0 0-8 8v32a8 8 0 0 0 16 0v-32a8 8 0 0 0-8-8m-37.47.41a8 8 0 0 0-10.12 5.06l-8 24a8 8 0 0 0 15.18 5.06l8-24a8 8 0 0 0-5.06-10.12M248 112c0 16.22-13.37 30.89-37.65 41.29C188.22 162.78 159 168 128 168s-60.22-5.22-82.35-14.71C21.37 142.89 8 128.22 8 112c0-8.37 3.67-20.79 21.17-32.5c11.37-7.61 26.94-13.76 45.18-17.85A63.64 63.64 0 0 1 173 50.45a64.8 64.8 0 0 1 9.11 11.3C223.43 71.09 248 89.74 248 112m-72-16a47.66 47.66 0 0 0-6.06-23.35l-.06-.09A48.07 48.07 0 0 0 127.36 48C101.25 48.34 80 70.25 80 96.83v3a7.92 7.92 0 0 0 6.13 7.76A188.2 188.2 0 0 0 128 112a188 188 0 0 0 41.85-4.37a7.93 7.93 0 0 0 6.15-7.76Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M183.59 213.47a8 8 0 0 1-15.18 5.06l-8-24a8 8 0 0 1 15.18-5.06ZM128 184a8 8 0 0 0-8 8v32a8 8 0 0 0 16 0v-32a8 8 0 0 0-8-8m-37.47.41a8 8 0 0 0-10.12 5.06l-8 24a8 8 0 0 0 15.18 5.06l8-24a8 8 0 0 0-5.06-10.12M248 112c0 16.22-13.37 30.89-37.65 41.29C188.22 162.78 159 168 128 168s-60.22-5.22-82.35-14.71C21.37 142.89 8 128.22 8 112c0-8.37 3.67-20.79 21.17-32.5c11.37-7.61 26.94-13.76 45.18-17.85A63.64 63.64 0 0 1 173 50.45a64.8 64.8 0 0 1 9.11 11.3C223.43 71.09 248 89.74 248 112m-72-16a47.66 47.66 0 0 0-6.06-23.35l-.06-.09A48.07 48.07 0 0 0 127.36 48C101.25 48.34 80 70.25 80 96.83v3a7.92 7.92 0 0 0 6.13 7.76A188.2 188.2 0 0 0 128 112a188 188 0 0 0 41.85-4.37a7.93 7.93 0 0 0 6.15-7.76Z"/></svg>
</template>

CSS

.icon-flying-saucer-fill {
  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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M183.59%20213.47a8%208%200%200%201-15.18%205.06l-8-24a8%208%200%200%201%2015.18-5.06ZM128%20184a8%208%200%200%200-8%208v32a8%208%200%200%200%2016%200v-32a8%208%200%200%200-8-8m-37.47.41a8%208%200%200%200-10.12%205.06l-8%2024a8%208%200%200%200%2015.18%205.06l8-24a8%208%200%200%200-5.06-10.12M248%20112c0%2016.22-13.37%2030.89-37.65%2041.29C188.22%20162.78%20159%20168%20128%20168s-60.22-5.22-82.35-14.71C21.37%20142.89%208%20128.22%208%20112c0-8.37%203.67-20.79%2021.17-32.5c11.37-7.61%2026.94-13.76%2045.18-17.85A63.64%2063.64%200%200%201%20173%2050.45a64.8%2064.8%200%200%201%209.11%2011.3C223.43%2071.09%20248%2089.74%20248%20112m-72-16a47.66%2047.66%200%200%200-6.06-23.35l-.06-.09A48.07%2048.07%200%200%200%20127.36%2048C101.25%2048.34%2080%2070.25%2080%2096.83v3a7.92%207.92%200%200%200%206.13%207.76A188.2%20188.2%200%200%200%20128%20112a188%20188%200%200%200%2041.85-4.37a7.93%207.93%200%200%200%206.15-7.76Z%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M183.59%20213.47a8%208%200%200%201-15.18%205.06l-8-24a8%208%200%200%201%2015.18-5.06ZM128%20184a8%208%200%200%200-8%208v32a8%208%200%200%200%2016%200v-32a8%208%200%200%200-8-8m-37.47.41a8%208%200%200%200-10.12%205.06l-8%2024a8%208%200%200%200%2015.18%205.06l8-24a8%208%200%200%200-5.06-10.12M248%20112c0%2016.22-13.37%2030.89-37.65%2041.29C188.22%20162.78%20159%20168%20128%20168s-60.22-5.22-82.35-14.71C21.37%20142.89%208%20128.22%208%20112c0-8.37%203.67-20.79%2021.17-32.5c11.37-7.61%2026.94-13.76%2045.18-17.85A63.64%2063.64%200%200%201%20173%2050.45a64.8%2064.8%200%200%201%209.11%2011.3C223.43%2071.09%20248%2089.74%20248%20112m-72-16a47.66%2047.66%200%200%200-6.06-23.35l-.06-.09A48.07%2048.07%200%200%200%20127.36%2048C101.25%2048.34%2080%2070.25%2080%2096.83v3a7.92%207.92%200%200%200%206.13%207.76A188.2%20188.2%200%200%200%20128%20112a188%20188%200%200%200%2041.85-4.37a7.93%207.93%200%200%200%206.15-7.76Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/flying-saucer-fill.svg?color=%231a73e8&size=48