skypack logo
skypack from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- skypack
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
Use the skypack logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m19.82 11.27l-5.997-2.994l5.999-2.993c.28-.14.453-.42.453-.734a.82.82 0 0 0-.454-.735L12.366.087a.81.81 0 0 0-.733 0L4.178 3.814a.82.82 0 0 0-.453.735v7.454c0 .28.15.548.384.699l.07.034l5.998 2.994l-5.999 2.993a.82.82 0 0 0-.453.734c0 .314.174.594.453.735l7.455 3.727a.8.8 0 0 0 .361.081a.8.8 0 0 0 .361-.081l7.454-3.727c.28-.14.455-.42.455-.735v-7.454a.79.79 0 0 0-.443-.733zm-7.814-9.54l5.625 2.819l-5.625 2.818L6.38 4.55zm-6.64 4.135l4.811 2.41l-4.81 2.412zm1.014 6.138l5.626-2.819l5.625 2.82l-5.625 2.818zm4.81 5.044v4.81l-4.81-2.41zm7.455 1.91l-5.824 2.911v-5.625l5.824-2.912z"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsSkypack(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="m19.82 11.27l-5.997-2.994l5.999-2.993c.28-.14.453-.42.453-.734a.82.82 0 0 0-.454-.735L12.366.087a.81.81 0 0 0-.733 0L4.178 3.814a.82.82 0 0 0-.453.735v7.454c0 .28.15.548.384.699l.07.034l5.998 2.994l-5.999 2.993a.82.82 0 0 0-.453.734c0 .314.174.594.453.735l7.455 3.727a.8.8 0 0 0 .361.081a.8.8 0 0 0 .361-.081l7.454-3.727c.28-.14.455-.42.455-.735v-7.454a.79.79 0 0 0-.443-.733zm-7.814-9.54l5.625 2.819l-5.625 2.818L6.38 4.55zm-6.64 4.135l4.811 2.41l-4.81 2.412zm1.014 6.138l5.626-2.819l5.625 2.82l-5.625 2.818zm4.81 5.044v4.81l-4.81-2.41zm7.455 1.91l-5.824 2.911v-5.625l5.824-2.912z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m19.82 11.27l-5.997-2.994l5.999-2.993c.28-.14.453-.42.453-.734a.82.82 0 0 0-.454-.735L12.366.087a.81.81 0 0 0-.733 0L4.178 3.814a.82.82 0 0 0-.453.735v7.454c0 .28.15.548.384.699l.07.034l5.998 2.994l-5.999 2.993a.82.82 0 0 0-.453.734c0 .314.174.594.453.735l7.455 3.727a.8.8 0 0 0 .361.081a.8.8 0 0 0 .361-.081l7.454-3.727c.28-.14.455-.42.455-.735v-7.454a.79.79 0 0 0-.443-.733zm-7.814-9.54l5.625 2.819l-5.625 2.818L6.38 4.55zm-6.64 4.135l4.811 2.41l-4.81 2.412zm1.014 6.138l5.626-2.819l5.625 2.82l-5.625 2.818zm4.81 5.044v4.81l-4.81-2.41zm7.455 1.91l-5.824 2.911v-5.625l5.824-2.912z"/></svg> </template>
CSS
.icon-skypack {
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%22m19.82%2011.27l-5.997-2.994l5.999-2.993c.28-.14.453-.42.453-.734a.82.82%200%200%200-.454-.735L12.366.087a.81.81%200%200%200-.733%200L4.178%203.814a.82.82%200%200%200-.453.735v7.454c0%20.28.15.548.384.699l.07.034l5.998%202.994l-5.999%202.993a.82.82%200%200%200-.453.734c0%20.314.174.594.453.735l7.455%203.727a.8.8%200%200%200%20.361.081a.8.8%200%200%200%20.361-.081l7.454-3.727c.28-.14.455-.42.455-.735v-7.454a.79.79%200%200%200-.443-.733zm-7.814-9.54l5.625%202.819l-5.625%202.818L6.38%204.55zm-6.64%204.135l4.811%202.41l-4.81%202.412zm1.014%206.138l5.626-2.819l5.625%202.82l-5.625%202.818zm4.81%205.044v4.81l-4.81-2.41zm7.455%201.91l-5.824%202.911v-5.625l5.824-2.912z%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%22m19.82%2011.27l-5.997-2.994l5.999-2.993c.28-.14.453-.42.453-.734a.82.82%200%200%200-.454-.735L12.366.087a.81.81%200%200%200-.733%200L4.178%203.814a.82.82%200%200%200-.453.735v7.454c0%20.28.15.548.384.699l.07.034l5.998%202.994l-5.999%202.993a.82.82%200%200%200-.453.734c0%20.314.174.594.453.735l7.455%203.727a.8.8%200%200%200%20.361.081a.8.8%200%200%200%20.361-.081l7.454-3.727c.28-.14.455-.42.455-.735v-7.454a.79.79%200%200%200-.443-.733zm-7.814-9.54l5.625%202.819l-5.625%202.818L6.38%204.55zm-6.64%204.135l4.811%202.41l-4.81%202.412zm1.014%206.138l5.626-2.819l5.625%202.82l-5.625%202.818zm4.81%205.044v4.81l-4.81-2.41zm7.455%201.91l-5.824%202.911v-5.625l5.824-2.912z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/skypack.svg?color=%231a73e8&size=48
