alien icon
alien-light from Phosphor by Phosphor Icons · Light · MIT Free for personal and commercial use.
- Name
- alien-light
- Set
- Phosphor
- Style
- Light
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
The same icon in other sets
Use the alien icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M128 18a94.11 94.11 0 0 0-94 94c0 23.6 12.41 54.2 33.21 81.83C83.27 215.18 107.68 238 128 238s44.73-22.82 60.79-44.17C209.59 166.2 222 135.6 222 112a94.11 94.11 0 0 0-94-94m51.21 168.62C161.48 210.17 140.91 226 128 226s-33.48-15.83-51.21-39.38C57.8 161.37 46 132.78 46 112a82 82 0 0 1 164 0c0 20.78-11.8 49.37-30.79 74.62M118 136a38 38 0 0 0-38-38a14 14 0 0 0-14 14a38 38 0 0 0 38 38a14 14 0 0 0 14-14m-14 2a26 26 0 0 1-26-26a2 2 0 0 1 2-2a26 26 0 0 1 26 26a2 2 0 0 1-2 2m72-40a38 38 0 0 0-38 38a14 14 0 0 0 14 14a38 38 0 0 0 38-38a14 14 0 0 0-14-14m-24 40a2 2 0 0 1-2-2a26 26 0 0 1 26-26a2 2 0 0 1 2 2a26 26 0 0 1-26 26m-2 46a6 6 0 0 1-6 6h-32a6 6 0 0 1 0-12h32a6 6 0 0 1 6 6"/></svg>
React
import type { SVGProps } from "react";
export function PhAlienLight(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="M128 18a94.11 94.11 0 0 0-94 94c0 23.6 12.41 54.2 33.21 81.83C83.27 215.18 107.68 238 128 238s44.73-22.82 60.79-44.17C209.59 166.2 222 135.6 222 112a94.11 94.11 0 0 0-94-94m51.21 168.62C161.48 210.17 140.91 226 128 226s-33.48-15.83-51.21-39.38C57.8 161.37 46 132.78 46 112a82 82 0 0 1 164 0c0 20.78-11.8 49.37-30.79 74.62M118 136a38 38 0 0 0-38-38a14 14 0 0 0-14 14a38 38 0 0 0 38 38a14 14 0 0 0 14-14m-14 2a26 26 0 0 1-26-26a2 2 0 0 1 2-2a26 26 0 0 1 26 26a2 2 0 0 1-2 2m72-40a38 38 0 0 0-38 38a14 14 0 0 0 14 14a38 38 0 0 0 38-38a14 14 0 0 0-14-14m-24 40a2 2 0 0 1-2-2a26 26 0 0 1 26-26a2 2 0 0 1 2 2a26 26 0 0 1-26 26m-2 46a6 6 0 0 1-6 6h-32a6 6 0 0 1 0-12h32a6 6 0 0 1 6 6"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M128 18a94.11 94.11 0 0 0-94 94c0 23.6 12.41 54.2 33.21 81.83C83.27 215.18 107.68 238 128 238s44.73-22.82 60.79-44.17C209.59 166.2 222 135.6 222 112a94.11 94.11 0 0 0-94-94m51.21 168.62C161.48 210.17 140.91 226 128 226s-33.48-15.83-51.21-39.38C57.8 161.37 46 132.78 46 112a82 82 0 0 1 164 0c0 20.78-11.8 49.37-30.79 74.62M118 136a38 38 0 0 0-38-38a14 14 0 0 0-14 14a38 38 0 0 0 38 38a14 14 0 0 0 14-14m-14 2a26 26 0 0 1-26-26a2 2 0 0 1 2-2a26 26 0 0 1 26 26a2 2 0 0 1-2 2m72-40a38 38 0 0 0-38 38a14 14 0 0 0 14 14a38 38 0 0 0 38-38a14 14 0 0 0-14-14m-24 40a2 2 0 0 1-2-2a26 26 0 0 1 26-26a2 2 0 0 1 2 2a26 26 0 0 1-26 26m-2 46a6 6 0 0 1-6 6h-32a6 6 0 0 1 0-12h32a6 6 0 0 1 6 6"/></svg> </template>
CSS
.icon-alien-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%22M128%2018a94.11%2094.11%200%200%200-94%2094c0%2023.6%2012.41%2054.2%2033.21%2081.83C83.27%20215.18%20107.68%20238%20128%20238s44.73-22.82%2060.79-44.17C209.59%20166.2%20222%20135.6%20222%20112a94.11%2094.11%200%200%200-94-94m51.21%20168.62C161.48%20210.17%20140.91%20226%20128%20226s-33.48-15.83-51.21-39.38C57.8%20161.37%2046%20132.78%2046%20112a82%2082%200%200%201%20164%200c0%2020.78-11.8%2049.37-30.79%2074.62M118%20136a38%2038%200%200%200-38-38a14%2014%200%200%200-14%2014a38%2038%200%200%200%2038%2038a14%2014%200%200%200%2014-14m-14%202a26%2026%200%200%201-26-26a2%202%200%200%201%202-2a26%2026%200%200%201%2026%2026a2%202%200%200%201-2%202m72-40a38%2038%200%200%200-38%2038a14%2014%200%200%200%2014%2014a38%2038%200%200%200%2038-38a14%2014%200%200%200-14-14m-24%2040a2%202%200%200%201-2-2a26%2026%200%200%201%2026-26a2%202%200%200%201%202%202a26%2026%200%200%201-26%2026m-2%2046a6%206%200%200%201-6%206h-32a6%206%200%200%201%200-12h32a6%206%200%200%201%206%206%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%22M128%2018a94.11%2094.11%200%200%200-94%2094c0%2023.6%2012.41%2054.2%2033.21%2081.83C83.27%20215.18%20107.68%20238%20128%20238s44.73-22.82%2060.79-44.17C209.59%20166.2%20222%20135.6%20222%20112a94.11%2094.11%200%200%200-94-94m51.21%20168.62C161.48%20210.17%20140.91%20226%20128%20226s-33.48-15.83-51.21-39.38C57.8%20161.37%2046%20132.78%2046%20112a82%2082%200%200%201%20164%200c0%2020.78-11.8%2049.37-30.79%2074.62M118%20136a38%2038%200%200%200-38-38a14%2014%200%200%200-14%2014a38%2038%200%200%200%2038%2038a14%2014%200%200%200%2014-14m-14%202a26%2026%200%200%201-26-26a2%202%200%200%201%202-2a26%2026%200%200%201%2026%2026a2%202%200%200%201-2%202m72-40a38%2038%200%200%200-38%2038a14%2014%200%200%200%2014%2014a38%2038%200%200%200%2038-38a14%2014%200%200%200-14-14m-24%2040a2%202%200%200%201-2-2a26%2026%200%200%201%2026-26a2%202%200%200%201%202%202a26%2026%200%200%201-26%2026m-2%2046a6%206%200%200%201-6%206h-32a6%206%200%200%201%200-12h32a6%206%200%200%201%206%206%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/alien-light.svg?color=%231a73e8&size=48
