flying saucer icon
flying-saucer-light from Phosphor by Phosphor Icons · Light · MIT Free for personal and commercial use.
- Name
- flying-saucer-light
- Set
- Phosphor
- Style
- Light
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
The same icon in other sets
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="M181.69 214.1a6 6 0 1 1-11.38 3.8l-8-24a6 6 0 1 1 11.38-3.8ZM128 186a6 6 0 0 0-6 6v32a6 6 0 0 0 12 0v-32a6 6 0 0 0-6-6m-38.1.31a6 6 0 0 0-7.59 3.79l-8 24a6 6 0 1 0 11.38 3.8l8-24a6 6 0 0 0-3.79-7.59M246 112c0 15.37-12.94 29.39-36.44 39.46C187.67 160.84 158.71 166 128 166s-59.67-5.16-81.56-14.54C22.94 141.39 10 127.37 10 112c0-21.16 25.06-39.65 65.59-48.57a61.85 61.85 0 0 1 105.24.09C221.1 72.48 246 90.93 246 112M78 96.84v3a9.93 9.93 0 0 0 7.69 9.7A190.4 190.4 0 0 0 128 114a190.4 190.4 0 0 0 42.3-4.42a9.93 9.93 0 0 0 7.69-9.7V96a50 50 0 0 0-50-50h-.67C100.13 46.36 78 69.16 78 96.84M234 112c0-13.33-18.38-26.61-46.8-34.52A62.2 62.2 0 0 1 190 96v3.92a21.86 21.86 0 0 1-17 21.35a202 202 0 0 1-45 4.73a202 202 0 0 1-45-4.73a21.86 21.86 0 0 1-17-21.35v-3.07a63 63 0 0 1 3.08-19.45C40.49 85.3 22 98.62 22 112c0 10.12 10.63 20.48 29.17 28.43C71.59 149.18 98.88 154 128 154s56.41-4.82 76.83-13.57C223.37 132.48 234 122.12 234 112"/></svg>
React
import type { SVGProps } from "react";
export function PhFlyingSaucerLight(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="M181.69 214.1a6 6 0 1 1-11.38 3.8l-8-24a6 6 0 1 1 11.38-3.8ZM128 186a6 6 0 0 0-6 6v32a6 6 0 0 0 12 0v-32a6 6 0 0 0-6-6m-38.1.31a6 6 0 0 0-7.59 3.79l-8 24a6 6 0 1 0 11.38 3.8l8-24a6 6 0 0 0-3.79-7.59M246 112c0 15.37-12.94 29.39-36.44 39.46C187.67 160.84 158.71 166 128 166s-59.67-5.16-81.56-14.54C22.94 141.39 10 127.37 10 112c0-21.16 25.06-39.65 65.59-48.57a61.85 61.85 0 0 1 105.24.09C221.1 72.48 246 90.93 246 112M78 96.84v3a9.93 9.93 0 0 0 7.69 9.7A190.4 190.4 0 0 0 128 114a190.4 190.4 0 0 0 42.3-4.42a9.93 9.93 0 0 0 7.69-9.7V96a50 50 0 0 0-50-50h-.67C100.13 46.36 78 69.16 78 96.84M234 112c0-13.33-18.38-26.61-46.8-34.52A62.2 62.2 0 0 1 190 96v3.92a21.86 21.86 0 0 1-17 21.35a202 202 0 0 1-45 4.73a202 202 0 0 1-45-4.73a21.86 21.86 0 0 1-17-21.35v-3.07a63 63 0 0 1 3.08-19.45C40.49 85.3 22 98.62 22 112c0 10.12 10.63 20.48 29.17 28.43C71.59 149.18 98.88 154 128 154s56.41-4.82 76.83-13.57C223.37 132.48 234 122.12 234 112"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M181.69 214.1a6 6 0 1 1-11.38 3.8l-8-24a6 6 0 1 1 11.38-3.8ZM128 186a6 6 0 0 0-6 6v32a6 6 0 0 0 12 0v-32a6 6 0 0 0-6-6m-38.1.31a6 6 0 0 0-7.59 3.79l-8 24a6 6 0 1 0 11.38 3.8l8-24a6 6 0 0 0-3.79-7.59M246 112c0 15.37-12.94 29.39-36.44 39.46C187.67 160.84 158.71 166 128 166s-59.67-5.16-81.56-14.54C22.94 141.39 10 127.37 10 112c0-21.16 25.06-39.65 65.59-48.57a61.85 61.85 0 0 1 105.24.09C221.1 72.48 246 90.93 246 112M78 96.84v3a9.93 9.93 0 0 0 7.69 9.7A190.4 190.4 0 0 0 128 114a190.4 190.4 0 0 0 42.3-4.42a9.93 9.93 0 0 0 7.69-9.7V96a50 50 0 0 0-50-50h-.67C100.13 46.36 78 69.16 78 96.84M234 112c0-13.33-18.38-26.61-46.8-34.52A62.2 62.2 0 0 1 190 96v3.92a21.86 21.86 0 0 1-17 21.35a202 202 0 0 1-45 4.73a202 202 0 0 1-45-4.73a21.86 21.86 0 0 1-17-21.35v-3.07a63 63 0 0 1 3.08-19.45C40.49 85.3 22 98.62 22 112c0 10.12 10.63 20.48 29.17 28.43C71.59 149.18 98.88 154 128 154s56.41-4.82 76.83-13.57C223.37 132.48 234 122.12 234 112"/></svg> </template>
CSS
.icon-flying-saucer-light {
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%22M181.69%20214.1a6%206%200%201%201-11.38%203.8l-8-24a6%206%200%201%201%2011.38-3.8ZM128%20186a6%206%200%200%200-6%206v32a6%206%200%200%200%2012%200v-32a6%206%200%200%200-6-6m-38.1.31a6%206%200%200%200-7.59%203.79l-8%2024a6%206%200%201%200%2011.38%203.8l8-24a6%206%200%200%200-3.79-7.59M246%20112c0%2015.37-12.94%2029.39-36.44%2039.46C187.67%20160.84%20158.71%20166%20128%20166s-59.67-5.16-81.56-14.54C22.94%20141.39%2010%20127.37%2010%20112c0-21.16%2025.06-39.65%2065.59-48.57a61.85%2061.85%200%200%201%20105.24.09C221.1%2072.48%20246%2090.93%20246%20112M78%2096.84v3a9.93%209.93%200%200%200%207.69%209.7A190.4%20190.4%200%200%200%20128%20114a190.4%20190.4%200%200%200%2042.3-4.42a9.93%209.93%200%200%200%207.69-9.7V96a50%2050%200%200%200-50-50h-.67C100.13%2046.36%2078%2069.16%2078%2096.84M234%20112c0-13.33-18.38-26.61-46.8-34.52A62.2%2062.2%200%200%201%20190%2096v3.92a21.86%2021.86%200%200%201-17%2021.35a202%20202%200%200%201-45%204.73a202%20202%200%200%201-45-4.73a21.86%2021.86%200%200%201-17-21.35v-3.07a63%2063%200%200%201%203.08-19.45C40.49%2085.3%2022%2098.62%2022%20112c0%2010.12%2010.63%2020.48%2029.17%2028.43C71.59%20149.18%2098.88%20154%20128%20154s56.41-4.82%2076.83-13.57C223.37%20132.48%20234%20122.12%20234%20112%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%22M181.69%20214.1a6%206%200%201%201-11.38%203.8l-8-24a6%206%200%201%201%2011.38-3.8ZM128%20186a6%206%200%200%200-6%206v32a6%206%200%200%200%2012%200v-32a6%206%200%200%200-6-6m-38.1.31a6%206%200%200%200-7.59%203.79l-8%2024a6%206%200%201%200%2011.38%203.8l8-24a6%206%200%200%200-3.79-7.59M246%20112c0%2015.37-12.94%2029.39-36.44%2039.46C187.67%20160.84%20158.71%20166%20128%20166s-59.67-5.16-81.56-14.54C22.94%20141.39%2010%20127.37%2010%20112c0-21.16%2025.06-39.65%2065.59-48.57a61.85%2061.85%200%200%201%20105.24.09C221.1%2072.48%20246%2090.93%20246%20112M78%2096.84v3a9.93%209.93%200%200%200%207.69%209.7A190.4%20190.4%200%200%200%20128%20114a190.4%20190.4%200%200%200%2042.3-4.42a9.93%209.93%200%200%200%207.69-9.7V96a50%2050%200%200%200-50-50h-.67C100.13%2046.36%2078%2069.16%2078%2096.84M234%20112c0-13.33-18.38-26.61-46.8-34.52A62.2%2062.2%200%200%201%20190%2096v3.92a21.86%2021.86%200%200%201-17%2021.35a202%20202%200%200%201-45%204.73a202%20202%200%200%201-45-4.73a21.86%2021.86%200%200%201-17-21.35v-3.07a63%2063%200%200%201%203.08-19.45C40.49%2085.3%2022%2098.62%2022%20112c0%2010.12%2010.63%2020.48%2029.17%2028.43C71.59%20149.18%2098.88%20154%20128%20154s56.41-4.82%2076.83-13.57C223.37%20132.48%20234%20122.12%20234%20112%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/flying-saucer-light.svg?color=%231a73e8&size=48
