css.gg
Version:
Minimalistic Icon library Designed by code.
50 lines (47 loc) • 1.09 kB
CSS
.gg-airplane {
box-sizing: border-box;
position: relative;
display: block;
width: 18px;
height: 18px;
transform: scale(var(--ggs,1));
background:
linear-gradient(
to left,
currentColor 22px,
transparent 0
) no-repeat center/16px 2px,
radial-gradient(
circle,
currentColor 60%,
transparent 40%
) no-repeat right center/2px 2px
}
.gg-airplane::after,
.gg-airplane::before {
content: "";
display: block;
position: absolute;
box-sizing: border-box;
width: 10px;
height: 8px;
border-right: 4px solid
}
.gg-airplane::before {
border-top-right-radius: 2px;
top: 0;
transform:
perspective(10px)
rotateX(10deg)
skewX(30deg);
box-shadow: -4px 3px 0 -2px
}
.gg-airplane::after {
border-bottom-right-radius: 2px;
bottom: 0;
transform:
perspective(10px)
rotateX(-10deg)
skewX(-30deg);
box-shadow: -4px -3px 0 -2px
}