first
This commit is contained in:
@@ -0,0 +1,56 @@
|
||||
<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>
|
||||
|
After Width: | Height: | Size: 2.1 KiB |
Reference in New Issue
Block a user