style: optimize icons

This commit is contained in:
radishzzz 2025-05-14 01:15:17 +01:00
parent 610c86db0d
commit 85f0bd9909
5 changed files with 8 additions and 19 deletions

View file

@ -1,3 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
<path d="M17.9.6 4 12l13.8 11.4.7-.9L7.2 12 18.5 1.5l-.7-.9Z"/>
<path d="M17.8.7L4,12l13.8,11.4.7-.9L7.2,12,18.5,1.5l-.7-.8Z"/>
</svg>

Before

Width:  |  Height:  |  Size: 133 B

After

Width:  |  Height:  |  Size: 133 B

Before After
Before After

View file

@ -1,3 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
<path d="m15.9.4-.2.1C9.1 6.4 6.7 6.8 1 7.3H.3l7.3 7.3-6.1 6.7 1.2 1.2 6.7-6.1 7.2 7.2v-.5c.6-5.8 1.1-8.1 6.8-14.6l.2-.2zm4.9 7.8c-4.6 5.6-5.3 7.6-5.7 11L4.5 8.8c3.4-.5 5.4-1.1 11-5.8l5.2 5.2Z"/>
</svg>

Before

Width:  |  Height:  |  Size: 265 B

View file

@ -1,3 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
<path d="M16.5 23.6c.6-6.1 1.1-8.6 7.2-15.5L15.9.3C9 6.4 6.5 7 .4 7.5l7.4 7.4-6.5 6.9.9.9 6.9-6.5 7.3 7.3Zm5-15.2c-5 6.1-5.6 8-6.1 12.1L3.4 8.4c4.1-.5 6-1 12.1-6z"/>
<path d="M16.5 23.6c.6-6.1 1.1-8.6 7.2-15.5L15.9.4C9 6.5 6.5 7 .4 7.5l7.4 7.4-6.4 7 .7.7 7-6.4zm-.8-21.3 6 6c-5 6.1-5.7 8.1-6.2 12.2L3.4 8.5C7.5 8 9.5 7.3 15.6 2.3Z"/>
</svg>

Before

Width:  |  Height:  |  Size: 235 B

After

Width:  |  Height:  |  Size: 237 B

Before After
Before After

View file

@ -1,3 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
<path d="M22.2 2.3H1.8V4h19.8zM1.8 21.7h19.8l.6-1.8H1.8zm13.7-10.5H1.8v1.6h13.1z"/>
<path d="M22.2 2.3H1.8V4h19.9zM22.2 20H1.8v1.7h19.9zM15.5 11.2H1.8v1.6H15z"/>
</svg>

Before

Width:  |  Height:  |  Size: 153 B

After

Width:  |  Height:  |  Size: 147 B

Before After
Before After

View file

@ -1,6 +1,5 @@
---
import type { CollectionEntry } from 'astro:content'
import PinIconBold from '@/assets/icons/pin-icon-bold.svg'
import PinIcon from '@/assets/icons/pin-icon.svg'
import PostDate from '@/components/PostDate.astro'
import { defaultLocale } from '@/config'
@ -51,18 +50,11 @@ function getPostPath(post: Post) {
{/* pinned icon */}
{pinned && (
<>
<PinIcon
aria-hidden="true"
class="ml-0.25em inline-block aspect-square w-0.92em translate-y--0.1em lg:hidden"
fill="currentColor"
/>
<PinIconBold
aria-hidden="true"
class="hidden lg:(ml-0.25em inline-block aspect-square w-1.05em translate-y--0.14em)"
fill="currentColor"
/>
</>
<PinIcon
aria-hidden="true"
class="ml-0.25em inline-block aspect-square w-0.98em translate-y--0.1em lg:(w-1.05em translate-y--0.15em)"
fill="currentColor"
/>
)}
</h3>