Ask coding questions

← Back to all posts
Pin repl button
RYANTADIPARTHI (6010)

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
Comments
hotnewtop
ch1ck3n (1632)
<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>
RYANTADIPARTHI (6010)

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

ch1ck3n (1632)

@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 (1632)

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

RYANTADIPARTHI (6010)

@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!

ch1ck3n (1632)

@RYANTADIPARTHI sure can you add me to your repl

RYANTADIPARTHI (6010)

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

EpicGamer007 (1644)

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

RYANTADIPARTHI (6010)

@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.