60

Winter / Summer Bash 2022 just started today, and within the first hour, nearly a million hats have been awarded across the network.

Let's show them off here! As with the 2021 edition, I'll copy the same text from the 2017 edition:

Post hats, hats, and more hats! Those that you're especially proud of, or that you simply look good in - all are welcome ;)

Improve this question
2
  • 4
    If Community gets the bounty, will it have 301 rep?
    – Redz
    Commented Jan 4, 2023 at 4:47
  • 1
    I mean can Community get the bounty since its rep is fixed to 1
    – Redz
    Commented Jan 4, 2023 at 6:01

124 Answers 124

Reset to default
1 2
3
4 5
8

Anonymous pirate.

Improve this answer
8

enter image description here

I do not have a Noble Prize in this head of mine, but I do have a sunrise!

Improve this answer
8

Pictures of #INSTAWORTHY cakes (not quite Catija level but still):

enter image description here

Improve this answer
8

Don't you dare see my potato PC!

enter image description here

Improve this answer
8

somehow this fits perfectly

enter image description here

do i look too grumpy?

Improve this answer
8

If you can't get more hats, wear more hats.

— U12-Forward, 2022/12/26.

Try your best wearing more hats that me.

Improve this answer
5
  • 3
    that's an overdose of hats :)
    – Vickel
    Commented Dec 26, 2022 at 21:12
  • 1
    I dunno. feels like it needs moar hat to me...
    – starball
    Commented Jan 1, 2023 at 5:05
  • 1
    you still need to add the latest ones :)
    – Vickel
    Commented Jan 1, 2023 at 12:03
  • 1
    @Vickel I am lazy bum lol, not in the mood to add more :P
    – U13-Forward
    Commented Jan 1, 2023 at 12:11
  • 1
    Oh sorry I missed that! Further down I said someone should try this - you already did it! Well done for the effort!
    – n00dles
    Commented Jan 1, 2023 at 13:11
8

Keeping up the legacy - 2018, 2019 & 2020

enter image description here

Improve this answer
8

[enter image description here enter image description here enter image description here enter image description here enter image description here enter image description here enter image description here

Improve this answer
7

Martian Commander

"Mars Attacks!"

Improve this answer
7

wars star

Da ding!

Improve this answer
7

avatar with blue hat and avatar with gold hat

I think the blue 'I Voted' hat fits my avatar, but I still think the gold hat of earlier years was better.

Improve this answer
7

This way is the entrance to the snail area at the zoo!

enter image description here

Improve this answer
7

enter image description here

As someone once said:
"Beauty lies in the eyes of the observer." :)

Improve this answer
2
  • It really turned out beautiful. Looking forward to new work
    – Alexandr_TT
    Commented Dec 18, 2022 at 14:48
  • 1
    @Alexandr_TT thanks, glad you liked it! I uploaded all my hats along with comments in this chat (took some time). Feel free to have a look. Enjoy! (Posted 2 of them here too.)
    – InanimateBeing
    Commented Dec 20, 2022 at 10:33
7

enter image description here

may not be the best, but hey, that's an image generated by an AI combined with a Curtain :D

Improve this answer
2
  • 1
    What is the blue part? it looks like combining a keyboard and a special stone
    – Parisa.H.R
    Commented Dec 19, 2022 at 0:54
  • 3
    Oh I just used the DALL-E and used "A painting of a computer keyboard in the style of starry night by Vincent van Gogh" as a description
    – JustSightseeing
    Commented Dec 19, 2022 at 0:58
7

Verified without paying $8

enter image description here

Improve this answer
1
7

enter image description here

Moonion

Improve this answer
7

I barely had to use the controls.

enter image description here

Improve this answer
7

Solstice Miracle

enter image description here

Improve this answer
7

enter image description here enter image description here ---> enter image description here
Hat (Rules Lawyer) outline drawing animation

To start playing the animation, open the snippet

<svg width="200" height="200" fill="none" viewBox="0 0 125 125" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="border:0px solid">
 <image xlink:href="https://i.sstatic.net/bohfJ.jpg" width="100%" height="100%" /> 
         <!-- glass -->
   <image xlink:href="https://i.sstatic.net/Ll6AQ.png" transform="translate(-70 0)" width="50%" height="100%" >
    <animateTransform id="glass" attributeName="transform" type="translate" values= "30 -40;30 0"  begin="paintCircle.end" dur="1s" fill="freeze" repeatCount="1" />
</image>
  <g fill="none" stroke="grey" stroke-width="1.5"  transform="translate(-5 -15) scale(0.85,0.8)">
 <path  stroke-dashoffset="672"  stroke-dasharray="672" d="m70.8 60.2-13.7 5-7 3.5-4.4 5.9-.1 40.9v23.7l-.5 3.4c-1.8 6.6-10.4 12.5-17.7 12.6-6.2 0-11.5-4.8-14.1-10.5-1.6-3.5-1-8 0-11.7.7-2.1 3.2-6 3.2-6s-3.6-3.7-4.2-6.8c-.8-5 0-9.5 2.5-13.8 2.3-4 9.9-5.6 9.9-5.6s-1.8-27.3.3-40.5C30.3 26.7 57.4 20 80 20c15.5 0 32.3 7.8 42 19.4 5 5.7 8.1 13 8.2 20.9.3 16 .4 40.2.4 40.2s11.6 2 12.6 15.2c.3 4.2-4.3 12-4.3 12s8.3 9.1 3 18.4a18 18 0 0 1-16 9.3c-9-.5-15.7-10.8-15.7-10.8s.5-43.7-.2-68.5c-.1-3.6-3.4-6.9-6.6-8.5a260 260 0 0 0-20-8.2L80 56.8s-1.9-3.4-2.2-3.4c-.8 0-1.2-1.2-1.5-2-.8-2.3-.6-4.9-.3-7.3.4-2.8.3-6.5 2.7-8.2.5-.3 3.2-1.6 2 0-2.3 3.1-2.3 5.4-2.7 8.2-.3 2.4 0 5 .3 7.3.4 2.8-4.4 6.5-3.6 6.5z" >
    <animate id="contour" attributeName="stroke-dashoffset" begin="1s" dur="4s" values="672;0" fill="freeze" />
      <animate id="paint" attributeName="fill" begin="5.5s" dur="4s" values="#B6BCBE;#E7EEF1" fill="freeze" />
        
 </path>
  
   <path  fill="none" stroke-dashoffset="38" stroke-dasharray="38" d="M33 70.9s4.2 10 11.2 2.5c1-1 1.8-2 2.7-4a19 19 0 0 1 6.6-8.6c3-2.4 6.7-4.3 6.7-4.3" >
     <animate attributeName="stroke-dashoffset" begin="contour.end+0.5s" dur="1s" values="38;0" fill="freeze" />
 </path>
    <path  stroke-dashoffset="38" stroke-dasharray="38"  d="M93.3 56s6.9 3.5 9.7 6.1c1.9 1.8 2.9 4.5 4.6 6.5 2 2.5 3.5 6 6.6 7a6 6 0 0 0 5-1c1.2-.8 2.4-4 2.4-4" >
       <animate attributeName="stroke-dashoffset" begin="contour.end+1s" dur="1s" values="38;0" fill="freeze" />
 </path> 
     <g>
     <path   stroke-dashoffset="56" stroke-dasharray="56" d="M28 106.6c4.2-.2 9.5 4 9.8 8.3.2 4.6-5 10-9.6 10-4.3.1-8.1-4.9-8.2-9.1 0-4.3 3.7-9 8-9.2z"> 
     <animate attributeName="stroke-dashoffset" begin="contour.end+1.5s" dur="1s" values="56;0" fill="freeze" />
 </path>
     <path   stroke-dashoffset="56" stroke-dasharray="56" d="M28 129.7c4.5 0 9.7 5.1 9.5 9.6-.1 4.3-5.3 8.6-9.6 8.4-4-.1-8.2-4.6-8.3-8.6 0-4.2 4.3-9.3 8.5-9.4z" >
       <animate attributeName="stroke-dashoffset" begin="contour.end+1.5s" dur="1s" values="56;0" fill="freeze" />
 </path>
     <path   stroke-dashoffset="56" stroke-dasharray="56" d="M126.7 106.7c4.3 0 9 4.7 9 9 .1 4.1-4.4 8.9-8.6 9-4.2.1-9-4.3-9.2-8.4-.2-4.4 4.5-9.5 8.8-9.6z">
       <animate attributeName="stroke-dashoffset" begin="contour.end+2s" dur="1s" values="56;0" fill="freeze" />
     </path>
     <path    stroke-dashoffset="56" stroke-dasharray="56" d="M126.5 129.7c4.5.1 9.5 5.4 9.3 9.9-.2 4.1-5.3 8.4-9.5 8.1-4.2-.2-8.5-5.2-8.4-9.4.1-4 4.5-8.6 8.6-8.6z" >
        <animate attributeName="stroke-dashoffset" begin="contour.end+2s" dur="1s" values="56;0" fill="freeze" />
     </path>
         <animate id="paintCircle" attributeName="fill" begin="paint.end-1s" dur="1s" values="#B6BCBE;#C7CDD0" fill="freeze" />
      </g>
    </g> 
     </svg>

Improve this answer
7
+100

enter image description here

Animation Solstice (Sun)

Open the snippet and click "Run code" to run the animation

#1. Horizontal movement of the hat on my profile picture

<svg width="200" height="200" fill="none" viewBox="0 0 125 125" xmlns="http://www.w3.org/2000/svg"> 
<image xlink:href="https://i.sstatic.net/bohfJ.jpg" width="100%" height="100%" />
  <image xlink:href="https://i.sstatic.net/IzY0g.png" transform="translate(-100 -5)" width="100%" height="100%" >
      <animateTransform id="a_tr" attributeName="transform" type="translate"
      values= "
      -90 -5;
      -23 -5;
      -23 -5;
      -23 -5;
      -90 -5;
      -90 -5"
      begin="0.5s" dur="4s"
      fill="freeze" 
      repeatCount="indefinite" />  
</image>
</svg>

#2. Hat rotation

<svg width="200" height="200" fill="none" viewBox="0 0 125 125" xmlns="http://www.w3.org/2000/svg" style="border:0px solid">
 <image xlink:href="https://i.sstatic.net/bohfJ.jpg" width="100%" height="100%" /> 
 
 <image xlink:href="https://i.sstatic.net/IzY0g.png" transform="translate(-23 0)" width="100%" height="100%" >      
      <animateTransform id="a_r" attributeName="transform" type="rotate" 
        values= "
          0 62.5 0;
          90 62.5 0;
          90 62.5 0;
          0 62.5 0;
          0 62.5 0" 
          begin="1s" 
          dur="6s" fill="freeze" 
          repeatCount="indefinite" additive="sum"  /> 
          
</image>

</svg>

#3. Combination of move, hat rotation, move

<svg width="200" height="200" fill="none" viewBox="0 0 125 125" xmlns="http://www.w3.org/2000/svg" style="border:0px solid">
 <image xlink:href="https://i.sstatic.net/bohfJ.jpg" width="100%" height="100%" /> 
 
 <image xlink:href="https://i.sstatic.net/IzY0g.png" transform="translate(-100 -5)" width="100%" height="100%" >      
   <animateTransform id="a_tr" attributeName="transform" type="translate" values= "-75 -5;-23 -5"  begin="0.5s;a_tr2.end+1s" dur="1s" fill="freeze" repeatCount="1"  />  
      <animateTransform id="a_r" attributeName="transform" type="rotate" values= "0 62.5 0;90 62.5 0;0 62.5 0"  begin="a_tr.end+1s" dur="4s" fill="freeze" repeatCount="1" additive="sum" /> 
           <animateTransform id="a_tr2" attributeName="transform" type="translate" values= "-23 -5;-90 -5"  begin="a_r.end+1s" dur="1s" fill="freeze" repeatCount="1"   />         
</image>

</svg>

Improve this answer
2
7

I am too hungry.

enter image description here

With animation (I'm bad at that, inspired by this one from @Alexandr_TT)

  <svg width="200" height="200" fill="none" viewBox="0 0 125 125" xmlns="http://www.w3.org/2000/svg" style="border:0px solid">
<image xlink:href="https://lh3.googleusercontent.com/-noQwojQppnY/AAAAAAAAAAI/AAAAAAAAACs/59RU8UyHFSk/photo.jpg?sz=256" width="75%" height="75%" style="transform: translate(12.5px, 12.5px)" />
<image xlink:href="https://i.sstatic.net/L54fZ.png" transform="translate(-35 -25)" width="150%" height="150%" >
<!--<animateTransform attributeName="transform" type="translate" values= "-25 -25"  begin="0.25s" dur="4s" fill="freeze" repeatCount="indefinite" />-->
<animateTransform
  attributeName="transform"
  attributeType="XML"
  type="rotate"
  from="0 100 105"
  to="360 100 105"
  dur="10s"
  repeatCount="indefinite" additive="sum" />
</image>
</svg>

Alternative/improved version by by @Alexandr_TT:

<svg width="300" height="300" fill="none" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" >
<image xlink:href="https://lh3.googleusercontent.com/-noQwojQppnY/AAAAAAAAAAI/AAAAAAAAACs/59RU8UyHFSk/photo.jpg?sz=256" width="90%" height="90%" style="transform: translate(0px, -32px)" />
  <!-- star -->
<image id="star" xlink:href="https://i.sstatic.net/tVcLK.png"   width="90%" height="90%" >
    
    <animateTransform
      attributeName="transform"
      attributeType="XML"
      type="rotate"
      from="0, 95, 100"
      to="360, 95, 100"
      dur="6s"
      repeatCount="indefinite" additive="sum" />
</image>

</svg>

This version eliminates clipping of stellar rays during rotation while making sure that eat(), sleep() and code() is in the center of the star when rotating.

Improve this answer
5
  • I noticed that the edges of the star are cut off during rotation. I decided to help you a little to fix this problem. If you are against my code additions, you are free to remove it, I will not mind
    – Alexandr_TT
    Commented Dec 23, 2022 at 16:09
  • While I appreciate your edit, the opening/window in the middle doesn't contain the important text. If you are able to change it in a way so that it contains the edges and the eat()/sleep()/code() text is visible at the center of the hat, feel free to edit it and change my implementation.
    – dan1st
    Commented Dec 23, 2022 at 17:27
  • 1
    I get your humor :) eat()/sleep()/code() text is visible at the center of the hat Will definitely try this when I'm a little freer
    – Alexandr_TT
    Commented Dec 23, 2022 at 17:34
  • The task turned out to be more difficult than I expected. Tried to fulfill your requirements of eat()... :)
    – Alexandr_TT
    Commented Jan 1, 2023 at 19:34
  • 1
    Thank you very much for your changes. You didn't have to do that.
    – dan1st
    Commented Jan 1, 2023 at 20:21
7

enter image description here enter image description here

Improve this answer
6

It is hard communicating with beings who may be much smarter than us, and don’t share our conceptual system.

I come in peace

Improve this answer
6

Wise old Space Invader, avatar made with Excel.

wise old space invader

Improve this answer
6

Don't know how I got this 42 seconds of fame hat. Was it by visiting the site on my phone?

sj logo with hands holding a phone that says stack exchange 00:42

But I love the dark mode shades!

sj logo with sunglasses

Improve this answer
1
  • I'd like to know that too. But then, I'd like to know why I have all my secret hats. Wish they had a cheat sheet!
    – n00dles
    Commented Jan 1, 2023 at 20:50
6

The most comfortable hat!

enter image description here

Improve this answer
6

eyes have it

Eye of Horus

Improve this answer
6

A few of my hats from elsewhere: enter image description here

Improve this answer
6

Our hero ponders a change of outfit.

Our hero ponders a change of outfit.

Improve this answer
6

Aviators were made for my avatar!

enter image description here

Improve this answer
0
1 2
3
4 5

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .