sky logo

sky from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.

Name
sky
Set
Simple Icons
Style
Brand
Viewbox
24×24
License
CC0 1.0

Use the sky logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M7.387 13.656c0 1.423-.933 2.454-2.823 2.675c-1.35.147-3.337-.025-4.294-.148c-.025-.147-.074-.343-.074-.49c0-1.252.663-1.522 1.3-1.522c.664 0 1.694.123 2.455.123c.834 0 1.104-.295 1.104-.565c0-.368-.343-.515-1.006-.638l-1.767-.343C.785 12.453 0 11.423 0 10.343c0-1.325.933-2.454 2.798-2.65c1.398-.148 3.116.024 4.049.122c.024.172.049.32.049.491c0 1.252-.663 1.522-1.276 1.522c-.491 0-1.227-.099-2.086-.099c-.884 0-1.227.246-1.227.54c0 .32.343.442.883.54l1.718.32c1.742.294 2.479 1.3 2.479 2.527m3.092 1.521c0 .761-.295 1.203-1.792 1.203c-.196 0-.368-.025-.54-.05V6.22c0-.76.27-1.57 1.767-1.57c.196 0 .393.024.565.049zm6.085 3.927c.197.098.59.22 1.105.245c.859.025 1.325-.319 1.693-1.08L24 7.913a2.5 2.5 0 0 0-.957-.22c-.589 0-1.399.122-1.914 1.325l-1.497 3.534l-2.945-4.81c-.196-.05-.662-.148-1.006-.148c-1.03 0-1.62.393-2.233 1.031l-2.871 3.141l2.306 3.632c.418.663.982 1.006 1.89 1.006c.589 0 1.104-.147 1.325-.245l-2.773-4.196l1.963-2.086l3.24 5.08Z"/></svg>

React

import type { SVGProps } from "react";

export function SimpleIconsSky(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M7.387 13.656c0 1.423-.933 2.454-2.823 2.675c-1.35.147-3.337-.025-4.294-.148c-.025-.147-.074-.343-.074-.49c0-1.252.663-1.522 1.3-1.522c.664 0 1.694.123 2.455.123c.834 0 1.104-.295 1.104-.565c0-.368-.343-.515-1.006-.638l-1.767-.343C.785 12.453 0 11.423 0 10.343c0-1.325.933-2.454 2.798-2.65c1.398-.148 3.116.024 4.049.122c.024.172.049.32.049.491c0 1.252-.663 1.522-1.276 1.522c-.491 0-1.227-.099-2.086-.099c-.884 0-1.227.246-1.227.54c0 .32.343.442.883.54l1.718.32c1.742.294 2.479 1.3 2.479 2.527m3.092 1.521c0 .761-.295 1.203-1.792 1.203c-.196 0-.368-.025-.54-.05V6.22c0-.76.27-1.57 1.767-1.57c.196 0 .393.024.565.049zm6.085 3.927c.197.098.59.22 1.105.245c.859.025 1.325-.319 1.693-1.08L24 7.913a2.5 2.5 0 0 0-.957-.22c-.589 0-1.399.122-1.914 1.325l-1.497 3.534l-2.945-4.81c-.196-.05-.662-.148-1.006-.148c-1.03 0-1.62.393-2.233 1.031l-2.871 3.141l2.306 3.632c.418.663.982 1.006 1.89 1.006c.589 0 1.104-.147 1.325-.245l-2.773-4.196l1.963-2.086l3.24 5.08Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M7.387 13.656c0 1.423-.933 2.454-2.823 2.675c-1.35.147-3.337-.025-4.294-.148c-.025-.147-.074-.343-.074-.49c0-1.252.663-1.522 1.3-1.522c.664 0 1.694.123 2.455.123c.834 0 1.104-.295 1.104-.565c0-.368-.343-.515-1.006-.638l-1.767-.343C.785 12.453 0 11.423 0 10.343c0-1.325.933-2.454 2.798-2.65c1.398-.148 3.116.024 4.049.122c.024.172.049.32.049.491c0 1.252-.663 1.522-1.276 1.522c-.491 0-1.227-.099-2.086-.099c-.884 0-1.227.246-1.227.54c0 .32.343.442.883.54l1.718.32c1.742.294 2.479 1.3 2.479 2.527m3.092 1.521c0 .761-.295 1.203-1.792 1.203c-.196 0-.368-.025-.54-.05V6.22c0-.76.27-1.57 1.767-1.57c.196 0 .393.024.565.049zm6.085 3.927c.197.098.59.22 1.105.245c.859.025 1.325-.319 1.693-1.08L24 7.913a2.5 2.5 0 0 0-.957-.22c-.589 0-1.399.122-1.914 1.325l-1.497 3.534l-2.945-4.81c-.196-.05-.662-.148-1.006-.148c-1.03 0-1.62.393-2.233 1.031l-2.871 3.141l2.306 3.632c.418.663.982 1.006 1.89 1.006c.589 0 1.104-.147 1.325-.245l-2.773-4.196l1.963-2.086l3.24 5.08Z"/></svg>
</template>

CSS

.icon-sky {
  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%20fill%3D%22currentColor%22%20d%3D%22M7.387%2013.656c0%201.423-.933%202.454-2.823%202.675c-1.35.147-3.337-.025-4.294-.148c-.025-.147-.074-.343-.074-.49c0-1.252.663-1.522%201.3-1.522c.664%200%201.694.123%202.455.123c.834%200%201.104-.295%201.104-.565c0-.368-.343-.515-1.006-.638l-1.767-.343C.785%2012.453%200%2011.423%200%2010.343c0-1.325.933-2.454%202.798-2.65c1.398-.148%203.116.024%204.049.122c.024.172.049.32.049.491c0%201.252-.663%201.522-1.276%201.522c-.491%200-1.227-.099-2.086-.099c-.884%200-1.227.246-1.227.54c0%20.32.343.442.883.54l1.718.32c1.742.294%202.479%201.3%202.479%202.527m3.092%201.521c0%20.761-.295%201.203-1.792%201.203c-.196%200-.368-.025-.54-.05V6.22c0-.76.27-1.57%201.767-1.57c.196%200%20.393.024.565.049zm6.085%203.927c.197.098.59.22%201.105.245c.859.025%201.325-.319%201.693-1.08L24%207.913a2.5%202.5%200%200%200-.957-.22c-.589%200-1.399.122-1.914%201.325l-1.497%203.534l-2.945-4.81c-.196-.05-.662-.148-1.006-.148c-1.03%200-1.62.393-2.233%201.031l-2.871%203.141l2.306%203.632c.418.663.982%201.006%201.89%201.006c.589%200%201.104-.147%201.325-.245l-2.773-4.196l1.963-2.086l3.24%205.08Z%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%20fill%3D%22currentColor%22%20d%3D%22M7.387%2013.656c0%201.423-.933%202.454-2.823%202.675c-1.35.147-3.337-.025-4.294-.148c-.025-.147-.074-.343-.074-.49c0-1.252.663-1.522%201.3-1.522c.664%200%201.694.123%202.455.123c.834%200%201.104-.295%201.104-.565c0-.368-.343-.515-1.006-.638l-1.767-.343C.785%2012.453%200%2011.423%200%2010.343c0-1.325.933-2.454%202.798-2.65c1.398-.148%203.116.024%204.049.122c.024.172.049.32.049.491c0%201.252-.663%201.522-1.276%201.522c-.491%200-1.227-.099-2.086-.099c-.884%200-1.227.246-1.227.54c0%20.32.343.442.883.54l1.718.32c1.742.294%202.479%201.3%202.479%202.527m3.092%201.521c0%20.761-.295%201.203-1.792%201.203c-.196%200-.368-.025-.54-.05V6.22c0-.76.27-1.57%201.767-1.57c.196%200%20.393.024.565.049zm6.085%203.927c.197.098.59.22%201.105.245c.859.025%201.325-.319%201.693-1.08L24%207.913a2.5%202.5%200%200%200-.957-.22c-.589%200-1.399.122-1.914%201.325l-1.497%203.534l-2.945-4.81c-.196-.05-.662-.148-1.006-.148c-1.03%200-1.62.393-2.233%201.031l-2.871%203.141l2.306%203.632c.418.663.982%201.006%201.89%201.006c.589%200%201.104-.147%201.325-.245l-2.773-4.196l1.963-2.086l3.24%205.08Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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