50 lines
2.1 KiB
XML
50 lines
2.1 KiB
XML
<svg width="600" height="440" viewBox="-50 -20 600 440" xmlns="http://www.w3.org/2000/svg">
|
|
<defs>
|
|
<filter id="shadow3d-main-sq-officer">
|
|
<feOffset dx="6" dy="6" in="SourceGraphic" result="offset1"/>
|
|
<feFlood flood-color="#14532D" flood-opacity="1" result="color1"/>
|
|
<feComposite in="color1" in2="offset1" operator="in" result="shadow1"/>
|
|
|
|
<feOffset dx="12" dy="12" in="SourceGraphic" result="offset2"/>
|
|
<feFlood flood-color="rgba(0,0,0,0.3)" flood-opacity="1" result="color2"/>
|
|
<feComposite in="color2" in2="offset2" operator="in" result="shadow2"/>
|
|
|
|
<feMerge>
|
|
<feMergeNode in="shadow2"/>
|
|
<feMergeNode in="shadow1"/>
|
|
<feMergeNode in="SourceGraphic"/>
|
|
</feMerge>
|
|
</filter>
|
|
|
|
<pattern id="gridPatternSqOfficer" patternUnits="userSpaceOnUse" width="20" height="20">
|
|
<rect width="20" height="20" fill="transparent"/>
|
|
<line x1="0" y1="0" x2="20" y2="0" stroke="rgba(0,0,0,0.15)" stroke-width="1.5"/>
|
|
<line x1="0" y1="10" x2="20" y2="10" stroke="rgba(0,0,0,0.15)" stroke-width="1.5"/>
|
|
<line x1="0" y1="0" x2="0" y2="20" stroke="rgba(0,0,0,0.15)" stroke-width="1.5"/>
|
|
<line x1="10" y1="0" x2="10" y2="20" stroke="rgba(0,0,0,0.15)" stroke-width="1.5"/>
|
|
</pattern>
|
|
|
|
<mask id="textMaskSqOfficer">
|
|
<text x="300" y="250" text-anchor="middle" class="officer-text-main-sq" fill="white">o<tspan dx="6" dy="30" letter-spacing="7">ff</tspan><tspan dx="-2" dy="-30">icer</tspan></text>
|
|
</mask>
|
|
|
|
<style>
|
|
.officer-text-main-sq {
|
|
font-family: system-ui, -apple-system, sans-serif;
|
|
font-size: 140px;
|
|
font-weight: 900;
|
|
fill: #F4C430;
|
|
stroke: #14532D;
|
|
stroke-width: 3;
|
|
paint-order: stroke fill;
|
|
letter-spacing: -2px;
|
|
text-transform: lowercase;
|
|
}
|
|
</style>
|
|
</defs>
|
|
|
|
<text x="300" y="250" text-anchor="middle" class="officer-text-main-sq" filter="url(#shadow3d-main-sq-officer)">o<tspan dx="6" dy="30" letter-spacing="7">ff</tspan><tspan dx="-2" dy="-30">icer</tspan></text>
|
|
|
|
<rect x="0" y="0" width="500" height="420" fill="url(#gridPatternSqOfficer)" mask="url(#textMaskSqOfficer)"/>
|
|
</svg>
|