Pin repl button

Ask coding questions

← Back to all posts

Pin repl button

Hi,

could you anyone give me the repl.it pin repl button? It looks like this.

so if anyone could give that button, it would be appreciated.

Thanks!

Answered by ch1ck3n (1632) [earned 5 cycles]

View Answer

Voters

Comments

hot new top

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-pin" viewBox="0 0 16 16">
  <path d="M4.146.146A.5.5 0 0 1 4.5 0h7a.5.5 0 0 1 .5.5c0 .68-.342 1.174-.646 1.479-.126.125-.25.224-.354.298v4.431l.078.048c.203.127.476.314.751.555C12.36 7.775 13 8.527 13 9.5a.5.5 0 0 1-.5.5h-4v4.5c0 .276-.224 1.5-.5 1.5s-.5-1.224-.5-1.5V10h-4a.5.5 0 0 1-.5-.5c0-.973.64-1.725 1.17-2.189A5.921 5.921 0 0 1 5 6.708V2.277a2.77 2.77 0 0 1-.354-.298C4.342 1.674 4 1.179 4 .5a.5.5 0 0 1 .146-.354zm1.58 1.408-.002-.001.002.001zm-.002-.001.002.001A.5.5 0 0 1 6 2v5a.5.5 0 0 1-.276.447h-.002l-.012.007-.054.03a4.922 4.922 0 0 0-.827.58c-.318.278-.585.596-.725.936h7.792c-.14-.34-.407-.658-.725-.936a4.915 4.915 0 0 0-.881-.61l-.012-.006h-.002A.5.5 0 0 1 10 7V2a.5.5 0 0 1 .295-.458 1.775 1.775 0 0 0 .351-.271c.08-.08.155-.17.214-.271H5.14c.06.1.133.191.214.271a1.78 1.78 0 0 0 .37.282z"/>
</svg>

@ch1ck3n thanks, that looks almost like it, but i want the exact svg. Could you give the exact svg repl.it uses?

@RYANTADIPARTHI

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16.247 19.304" style="color:#7f7f7f">
  <path fill="#d7d7d7" stroke="#d7d7d7" class="cls-1" d="M14.822,11.484A14.154,14.154,0,0,0,11.6,8.1a.138.138,0,0,1-.036-.091l-.4-3.438.673-1.049L12.5,2.349a.459.459,0,0,0-.4-.674H4.2a.459.459,0,0,0-.4.674L4.46,3.524l.673,1.049-.4,3.438a.138.138,0,0,1-.036.091,14.154,14.154,0,0,0-3.222,3.382.177.177,0,0,0-.022.088.14.14,0,0,0,.006.051l0,.014a.136.136,0,0,0,.131.1l4.561,0a.136.136,0,0,1,.1.087L8,17.541a.126.126,0,0,0,.133.085v0s.009,0,.014,0,.009,0,.014,0v0a.126.126,0,0,0,.133-.085l1.747-5.722a.136.136,0,0,1,.1-.087l4.561,0a.136.136,0,0,0,.131-.1l0-.014a.14.14,0,0,0,.006-.051A.177.177,0,0,0,14.822,11.484Z"> 
  </path>
</svg>

here ya go!

@ch1ck3n it's a little too big but I think you can resize it using css

@RYANTADIPARTHI here is the repl

https://replit.com/@ch1ck3n/pin-icon#index.html

@ch1ck3n ok thanks.

@ch1ck3n hi, this works, but can you show me how to do css with it? Right now, I'm trying to do a hover color for it, but the color is not changing. Could you please show me how to do that? Thanks!

@RYANTADIPARTHI sure can you add me to your repl

@ch1ck3n uh, could you show it in your repl? Like maybe do it in your repl, and send me the link? Thanks!

@RYANTADIPARTHI https://replit.com/@ch1ck3n/pin-icon#style.css

perfect look in the HTML the HTML changed too

@ch1ck3n thanks.

I think that is only for mods so that they can pin specific posts such as announcements, etc.

@EpicGamer007 no, i meant that button is there in your profile. You know the button beside your repls in your profile? Pin 5 repls? I was asking if you could give me the code for that button, so i can use it in my repls.