57 lines
2.1 KiB
XML
57 lines
2.1 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512">
|
|
<defs>
|
|
<filter id="shadow3d-favicon">
|
|
<feOffset dx="4" dy="4" in="SourceGraphic" result="offset1"/>
|
|
<feFlood flood-color="#14532D" flood-opacity="1" result="color1"/>
|
|
<feComposite in="color1" in2="offset1" operator="in" result="shadow1"/>
|
|
|
|
<feOffset dx="8" dy="8" 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="gridPatternFavicon" patternUnits="userSpaceOnUse" width="12" height="12">
|
|
<rect width="12" height="12" fill="transparent"/>
|
|
<line x1="0" y1="0" x2="12" y2="0" stroke="rgba(0,0,0,0.15)" stroke-width="1"/>
|
|
<line x1="0" y1="6" x2="12" y2="6" stroke="rgba(0,0,0,0.15)" stroke-width="1"/>
|
|
<line x1="0" y1="0" x2="0" y2="12" stroke="rgba(0,0,0,0.15)" stroke-width="1"/>
|
|
<line x1="6" y1="0" x2="6" y2="12" stroke="rgba(0,0,0,0.15)" stroke-width="1"/>
|
|
</pattern>
|
|
|
|
<mask id="textMaskFavicon">
|
|
<g transform="skewY(-2)">
|
|
<text x="256" y="310" text-anchor="middle" class="favicon-text" fill="white">O</text>
|
|
</g>
|
|
</mask>
|
|
|
|
<style>
|
|
.favicon-text {
|
|
font-family: system-ui, -apple-system, sans-serif;
|
|
font-size: 320px;
|
|
font-weight: 900;
|
|
fill: #F4C430;
|
|
stroke: #14532D;
|
|
stroke-width: 3;
|
|
paint-order: stroke fill;
|
|
}
|
|
</style>
|
|
</defs>
|
|
|
|
<!-- Background with rounded corners -->
|
|
<rect width="512" height="512" rx="64" fill="#E7D4B5"/>
|
|
|
|
<!-- Text content -->
|
|
<g transform="skewY(-2)">
|
|
<text x="256" y="310" text-anchor="middle" class="favicon-text" filter="url(#shadow3d-favicon)">O</text>
|
|
</g>
|
|
|
|
<!-- Grid pattern overlay on text -->
|
|
<rect x="0" y="0" width="512" height="512" fill="url(#gridPatternFavicon)" mask="url(#textMaskFavicon)"/>
|
|
</svg>
|