skylight logo

skylight from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.

Name
skylight
Set
SVG Logos
Style
Color
Viewbox
256×289
License
CC0

Use the skylight logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 289"><path fill="#bac4c5" d="M239.348 64.287L128 0L16.652 64.287A33.3 33.3 0 0 0 0 93.129v109.345a33.3 33.3 0 0 0 16.652 28.842l89.177 51.487a44.34 44.34 0 0 0 44.342 0l89.177-51.487A33.3 33.3 0 0 0 256 202.474V93.129a33.3 33.3 0 0 0-16.652-28.842m-17.28 122.846c0 8.805-4.65 16.942-12.198 21.344l-63.805 37.216a35.25 35.25 0 0 1-35.518 0l-63.806-37.216c-7.548-4.402-12.198-12.539-12.198-21.344v-80.919c0-8.806 4.65-16.942 12.198-21.345l81.565-47.574l81.564 47.574c7.548 4.403 12.198 12.539 12.198 21.345z"/><path fill="#ed1a3b" d="m160.404 110.041l-.654.459l-30.125 31.969l-.402.593l.152.063l30.984.047l.045-.11l29.389-27.966z"/><path fill="#c2315d" d="m160.404 176.083l-.185.042l-30.875-32.688l-.121-.375h31.181l29.389 27.62z"/><path fill="#94407e" d="m129.223 143.062l31.181 33.021l-1.44 25.677l-29.741-29.363l-.077-.272l-.063-28.667z"/><path fill="#577f9f" d="m96.206 174.241l-.039-.304l32.666-30.645l.394-.232l-.004 29.337l-29.53 29.363z"/><path fill="#00aec5" d="m129.227 143.06l-33.021 31.181l-27.511-3.645l31.197-27.536l.171-.143l28.791-.021z"/><path fill="#93c483" d="m129.227 143.064l-.394-.647l-32.125-30.5l-.502-.034l-27.511 3.907l31.197 27.274z"/><path fill="#fcde11" d="m96.206 111.883l33.021 31.181l.148-.772v-28l-.152-.565l-29.568-29.346z"/><path fill="#f78e36" d="m129.223 143.062l31.181-33.021l-1.766-25.66l-29.415 29.346z"/></svg>

React

import type { SVGProps } from "react";

export function LogosSkylight(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 289"><path fill="#bac4c5" d="M239.348 64.287L128 0L16.652 64.287A33.3 33.3 0 0 0 0 93.129v109.345a33.3 33.3 0 0 0 16.652 28.842l89.177 51.487a44.34 44.34 0 0 0 44.342 0l89.177-51.487A33.3 33.3 0 0 0 256 202.474V93.129a33.3 33.3 0 0 0-16.652-28.842m-17.28 122.846c0 8.805-4.65 16.942-12.198 21.344l-63.805 37.216a35.25 35.25 0 0 1-35.518 0l-63.806-37.216c-7.548-4.402-12.198-12.539-12.198-21.344v-80.919c0-8.806 4.65-16.942 12.198-21.345l81.565-47.574l81.564 47.574c7.548 4.403 12.198 12.539 12.198 21.345z"/><path fill="#ed1a3b" d="m160.404 110.041l-.654.459l-30.125 31.969l-.402.593l.152.063l30.984.047l.045-.11l29.389-27.966z"/><path fill="#c2315d" d="m160.404 176.083l-.185.042l-30.875-32.688l-.121-.375h31.181l29.389 27.62z"/><path fill="#94407e" d="m129.223 143.062l31.181 33.021l-1.44 25.677l-29.741-29.363l-.077-.272l-.063-28.667z"/><path fill="#577f9f" d="m96.206 174.241l-.039-.304l32.666-30.645l.394-.232l-.004 29.337l-29.53 29.363z"/><path fill="#00aec5" d="m129.227 143.06l-33.021 31.181l-27.511-3.645l31.197-27.536l.171-.143l28.791-.021z"/><path fill="#93c483" d="m129.227 143.064l-.394-.647l-32.125-30.5l-.502-.034l-27.511 3.907l31.197 27.274z"/><path fill="#fcde11" d="m96.206 111.883l33.021 31.181l.148-.772v-28l-.152-.565l-29.568-29.346z"/><path fill="#f78e36" d="m129.223 143.062l31.181-33.021l-1.766-25.66l-29.415 29.346z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 289"><path fill="#bac4c5" d="M239.348 64.287L128 0L16.652 64.287A33.3 33.3 0 0 0 0 93.129v109.345a33.3 33.3 0 0 0 16.652 28.842l89.177 51.487a44.34 44.34 0 0 0 44.342 0l89.177-51.487A33.3 33.3 0 0 0 256 202.474V93.129a33.3 33.3 0 0 0-16.652-28.842m-17.28 122.846c0 8.805-4.65 16.942-12.198 21.344l-63.805 37.216a35.25 35.25 0 0 1-35.518 0l-63.806-37.216c-7.548-4.402-12.198-12.539-12.198-21.344v-80.919c0-8.806 4.65-16.942 12.198-21.345l81.565-47.574l81.564 47.574c7.548 4.403 12.198 12.539 12.198 21.345z"/><path fill="#ed1a3b" d="m160.404 110.041l-.654.459l-30.125 31.969l-.402.593l.152.063l30.984.047l.045-.11l29.389-27.966z"/><path fill="#c2315d" d="m160.404 176.083l-.185.042l-30.875-32.688l-.121-.375h31.181l29.389 27.62z"/><path fill="#94407e" d="m129.223 143.062l31.181 33.021l-1.44 25.677l-29.741-29.363l-.077-.272l-.063-28.667z"/><path fill="#577f9f" d="m96.206 174.241l-.039-.304l32.666-30.645l.394-.232l-.004 29.337l-29.53 29.363z"/><path fill="#00aec5" d="m129.227 143.06l-33.021 31.181l-27.511-3.645l31.197-27.536l.171-.143l28.791-.021z"/><path fill="#93c483" d="m129.227 143.064l-.394-.647l-32.125-30.5l-.502-.034l-27.511 3.907l31.197 27.274z"/><path fill="#fcde11" d="m96.206 111.883l33.021 31.181l.148-.772v-28l-.152-.565l-29.568-29.346z"/><path fill="#f78e36" d="m129.223 143.062l31.181-33.021l-1.766-25.66l-29.415 29.346z"/></svg>
</template>

CSS

.icon-skylight {
  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%20289%22%3E%3Cpath%20fill%3D%22%23bac4c5%22%20d%3D%22M239.348%2064.287L128%200L16.652%2064.287A33.3%2033.3%200%200%200%200%2093.129v109.345a33.3%2033.3%200%200%200%2016.652%2028.842l89.177%2051.487a44.34%2044.34%200%200%200%2044.342%200l89.177-51.487A33.3%2033.3%200%200%200%20256%20202.474V93.129a33.3%2033.3%200%200%200-16.652-28.842m-17.28%20122.846c0%208.805-4.65%2016.942-12.198%2021.344l-63.805%2037.216a35.25%2035.25%200%200%201-35.518%200l-63.806-37.216c-7.548-4.402-12.198-12.539-12.198-21.344v-80.919c0-8.806%204.65-16.942%2012.198-21.345l81.565-47.574l81.564%2047.574c7.548%204.403%2012.198%2012.539%2012.198%2021.345z%22%2F%3E%3Cpath%20fill%3D%22%23ed1a3b%22%20d%3D%22m160.404%20110.041l-.654.459l-30.125%2031.969l-.402.593l.152.063l30.984.047l.045-.11l29.389-27.966z%22%2F%3E%3Cpath%20fill%3D%22%23c2315d%22%20d%3D%22m160.404%20176.083l-.185.042l-30.875-32.688l-.121-.375h31.181l29.389%2027.62z%22%2F%3E%3Cpath%20fill%3D%22%2394407e%22%20d%3D%22m129.223%20143.062l31.181%2033.021l-1.44%2025.677l-29.741-29.363l-.077-.272l-.063-28.667z%22%2F%3E%3Cpath%20fill%3D%22%23577f9f%22%20d%3D%22m96.206%20174.241l-.039-.304l32.666-30.645l.394-.232l-.004%2029.337l-29.53%2029.363z%22%2F%3E%3Cpath%20fill%3D%22%2300aec5%22%20d%3D%22m129.227%20143.06l-33.021%2031.181l-27.511-3.645l31.197-27.536l.171-.143l28.791-.021z%22%2F%3E%3Cpath%20fill%3D%22%2393c483%22%20d%3D%22m129.227%20143.064l-.394-.647l-32.125-30.5l-.502-.034l-27.511%203.907l31.197%2027.274z%22%2F%3E%3Cpath%20fill%3D%22%23fcde11%22%20d%3D%22m96.206%20111.883l33.021%2031.181l.148-.772v-28l-.152-.565l-29.568-29.346z%22%2F%3E%3Cpath%20fill%3D%22%23f78e36%22%20d%3D%22m129.223%20143.062l31.181-33.021l-1.766-25.66l-29.415%2029.346z%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%20289%22%3E%3Cpath%20fill%3D%22%23bac4c5%22%20d%3D%22M239.348%2064.287L128%200L16.652%2064.287A33.3%2033.3%200%200%200%200%2093.129v109.345a33.3%2033.3%200%200%200%2016.652%2028.842l89.177%2051.487a44.34%2044.34%200%200%200%2044.342%200l89.177-51.487A33.3%2033.3%200%200%200%20256%20202.474V93.129a33.3%2033.3%200%200%200-16.652-28.842m-17.28%20122.846c0%208.805-4.65%2016.942-12.198%2021.344l-63.805%2037.216a35.25%2035.25%200%200%201-35.518%200l-63.806-37.216c-7.548-4.402-12.198-12.539-12.198-21.344v-80.919c0-8.806%204.65-16.942%2012.198-21.345l81.565-47.574l81.564%2047.574c7.548%204.403%2012.198%2012.539%2012.198%2021.345z%22%2F%3E%3Cpath%20fill%3D%22%23ed1a3b%22%20d%3D%22m160.404%20110.041l-.654.459l-30.125%2031.969l-.402.593l.152.063l30.984.047l.045-.11l29.389-27.966z%22%2F%3E%3Cpath%20fill%3D%22%23c2315d%22%20d%3D%22m160.404%20176.083l-.185.042l-30.875-32.688l-.121-.375h31.181l29.389%2027.62z%22%2F%3E%3Cpath%20fill%3D%22%2394407e%22%20d%3D%22m129.223%20143.062l31.181%2033.021l-1.44%2025.677l-29.741-29.363l-.077-.272l-.063-28.667z%22%2F%3E%3Cpath%20fill%3D%22%23577f9f%22%20d%3D%22m96.206%20174.241l-.039-.304l32.666-30.645l.394-.232l-.004%2029.337l-29.53%2029.363z%22%2F%3E%3Cpath%20fill%3D%22%2300aec5%22%20d%3D%22m129.227%20143.06l-33.021%2031.181l-27.511-3.645l31.197-27.536l.171-.143l28.791-.021z%22%2F%3E%3Cpath%20fill%3D%22%2393c483%22%20d%3D%22m129.227%20143.064l-.394-.647l-32.125-30.5l-.502-.034l-27.511%203.907l31.197%2027.274z%22%2F%3E%3Cpath%20fill%3D%22%23fcde11%22%20d%3D%22m96.206%20111.883l33.021%2031.181l.148-.772v-28l-.152-.565l-29.568-29.346z%22%2F%3E%3Cpath%20fill%3D%22%23f78e36%22%20d%3D%22m129.223%20143.062l31.181-33.021l-1.766-25.66l-29.415%2029.346z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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