Freeshard

Brand Entity / Display Name

Freeshard

Industry Category

Dev & Tools

Primary Color (HEX / RGB / HSL)

#018A52rgb(1, 138, 82) · hsl(155, 99%, 27%)

WCAG Surface Contrast

Light 4.4:1 · Dark 4.5:1

<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 512 512"><linearGradient id="freeshard_svg__a" x1="139.294" x2="139.294" y1="511.42" y2="379.437" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#018a52"/><stop offset=".5" style="stop-color:#1d77aa"/><stop offset="1" style="stop-color:#534c9f"/></linearGradient><path d="m128 376.5 45.2 90.3-22.6 45.2-45.2-90.4z" style="fill:url(#freeshard_svg__a)"/><linearGradient id="freeshard_svg__b" x1="150.407" x2="205.02" y1="275.407" y2="467.919" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#534c9f"/><stop offset=".5" style="stop-color:#1d77aa"/><stop offset="1" style="stop-color:#018a52"/></linearGradient><path d="m150.6 271.1 75.3 150.5-22.6 45.2L128 316.2z" style="fill:url(#freeshard_svg__b)"/><linearGradient id="freeshard_svg__c" x1="372.706" x2="372.706" y1="377.461" y2="502.607" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#8bcdd4"/><stop offset=".493" style="stop-color:#1c799c"/><stop offset="1" style="stop-color:#263976"/></linearGradient><path d="m384 376.5 22.6 45.1-45.2 90.4-22.6-45.2z" style="fill:url(#freeshard_svg__c)"/><linearGradient id="freeshard_svg__d" x1="335.059" x2="335.059" y1="513.04" y2="279.776" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#1f5b83"/><stop offset=".507" style="stop-color:#1488a1"/><stop offset="1" style="stop-color:#8eccd4"/></linearGradient><path d="m361.4 271.1 22.6 45.1-75.3 150.6-22.6-45.2z" style="fill:url(#freeshard_svg__d)"/><linearGradient id="freeshard_svg__e" x1="308.722" x2="308.722" y1="151.191" y2="429.51" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#184b43"/><stop offset=".504" style="stop-color:#09697e"/><stop offset="1" style="stop-color:#028585"/></linearGradient><path d="M361.4 210.8 256 421.6V150.4z" style="fill:url(#freeshard_svg__e)"/><linearGradient id="freeshard_svg__f" x1="203.294" x2="203.294" y1="151.793" y2="424.44" gradientUnits="userSpaceOnUse"><stop offset=".004" style="stop-color:#4973b9"/><stop offset="1" style="stop-color:#2d9b89"/></linearGradient><path d="M256 150.4v271.2L150.6 210.8z" style="fill:url(#freeshard_svg__f)"/><linearGradient id="freeshard_svg__g" x1="225.944" x2="331.844" y1="15.415" y2="226.009" gradientUnits="userSpaceOnUse"><stop offset=".004" style="stop-color:#5bc6cc"/><stop offset="1" style="stop-color:#088ab5"/></linearGradient><path d="M361.4 210.8 256 150.4V0z" style="fill:url(#freeshard_svg__g)"/><linearGradient id="freeshard_svg__h" x1="285.659" x2="180.298" y1="16.093" y2="226.012" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#bae3e8"/><stop offset="1" style="stop-color:#6fb7e5"/></linearGradient><path d="M256 0v150.4l-105.4 60.4z" style="fill:url(#freeshard_svg__h)"/><linearGradient id="freeshard_svg__i" x1="346.353" x2="346.353" y1="467.907" y2="272.142" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#1e4e84"/><stop offset=".994" style="stop-color:#1d9ac7"/></linearGradient><path d="m308.7 466.8 52.7-195.7 22.6 45.1z" style="fill:url(#freeshard_svg__i)"/><linearGradient id="freeshard_svg__j" x1="384" x2="384" y1="516.148" y2="378.967" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#0a8d79"/><stop offset="1" style="stop-color:#2b84c6"/></linearGradient><path d="M361.4 512 384 376.5l22.6 45.1z" style="fill:url(#freeshard_svg__j)"/><linearGradient id="freeshard_svg__k" x1="165.647" x2="165.647" y1="272.489" y2="453.255" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#92d5da"/><stop offset=".493" style="stop-color:#2772ac"/><stop offset="1" style="stop-color:#283779"/></linearGradient><path d="m203.3 466.8-52.7-195.7-22.6 45.1z" style="fill:url(#freeshard_svg__k)"/><linearGradient id="freeshard_svg__l" x1="128" x2="128" y1="377.461" y2="502.607" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#92d5da"/><stop offset=".493" style="stop-color:#5b86c5"/><stop offset="1" style="stop-color:#224085"/></linearGradient><path d="M150.6 512 128 376.5l-22.6 45.1z" style="fill:url(#freeshard_svg__l)"/></svg>

<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 512 512"><path d="M256 421.6 150.6 210.8 256 0l105.4 210.8-14.7-8.4 14.7 8.4zm105.4-150.5-75.3 150.6 22.6 45.2L384 316.2zM384 376.5l-45.2 90.4 22.6 45.2 45.2-90.4zm-256-60.3 75.3 150.6 22.6-45.2L150.6 271zm-22.6 105.4 45.2 90.4 22.6-45.2-45.2-90.3z"/></svg>

Engineering & Layout Guidelines

• Maintain the native 1:1 aspect ratio (viewBox "0 0 512 512") without non-uniform stretching.
• Preserve at least 20% clear space around the emblem bounding box.
• Contains vector gradients; avoid overriding paths with flat CSS fill: currentColor.