← Back to Community
Repl.it Pinned Symbol
Profile icon
RYANTADIPARTHI

hi,

i just want the repl.it pinned symbol. You know the pinned posts at the top? The symbol beside them looks like a pin.
So if someone could give me that, i would appreciate it.

Thanks!

Answered by SixBeeps [earned 5 cycles]
View Answer
Voters
Profile icon
MemeManHimself
Profile icon
RYANTADIPARTHI
Comments
hotnewtop
Profile icon
SixBeeps

Here's the SVG. Next time, use the F12 menu to get what you need.

<svg width="42px" height="43px" viewBox="0 0 42 43" version="1.1" xmlns="http://www.w3.org/2000/svg" class="jsx-2064365194"><g class="jsx-2064365194"><g transform="translate(-11, -5)" fill="#5192B3" class="jsx-2064365194"><path d="M27.4401695,34.8449314 L13.3449314,34.8449314 L21.7258838,23.8449314 L21.3449314,23.8449314 L21.3449314,3.84493142 L37.3449314,3.84493142 L37.3449314,23.8449314 L36.963979,23.8449314 L45.3449314,34.8449314 L31.2496933,34.8449314 L29.3449314,54.8449314 L27.4401695,34.8449314 Z" transform="translate(29.344931, 29.344931) rotate(-315) translate(-29, -29.344931) " class="jsx-2064365194"></path></g></g></svg>
Profile icon
Spotandjake

@SixBeeps lmao in discord the auto mod bot flagged your reply as keyboard spam lmao

Profile icon
SixBeeps

@Spotandjake haha svg go 489,23,849,023

Profile icon
Spotandjake

@SixBeeps lol aa needs to do some work lol

Profile icon
Spotandjake

@SixBeeps haven't seen you on discord recently sadly

Profile icon
RYANTADIPARTHI

@SixBeeps ok, thanks it works. But i can't use F12. I'm on Chromebook. any other alternate?

Profile icon
RYANTADIPARTHI

@SixBeeps also, could you give me the announcement svg? You know that yellow microphone? Could you give me that?

Profile icon
SixBeeps

@RYANTADIPARTHI Ctrl + Shift + I

Profile icon
SixBeeps

@RYANTADIPARTHI You'll find this useful
image

Also, here's the announcement svg:

<svg width="53px" height="37px" viewBox="0 0 53 37" version="1.1" xmlns="http://www.w3.org/2000/svg" class="jsx-3104625097"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" class="jsx-3104625097"><g stroke="#ffcd26" stroke-width="2" class="jsx-3104625097"><g class="jsx-3104625097"><polygon points="41.73 29.68 5 23 5 7 41.73 0.32" class="jsx-3104625097"></polygon><path d="M11,6 L11,31.25 C11.0036168,33.6295084 12.7465542,35.6487651 15.1,36 L17.5,36" class="jsx-3104625097"></path><path d="M5,9 L5,21 C2.23857625,21 8.8817842e-16,18.7614237 8.8817842e-16,16 L8.8817842e-16,14 C8.8817842e-16,11.2385763 2.23857625,9 5,9 Z" class="jsx-3104625097"></path><path d="M48,15 L52,15" class="jsx-3104625097"></path><path d="M47.44,10.25 L50.56,7.75" class="jsx-3104625097"></path><path d="M50.56,22.25 L47.44,19.75" class="jsx-3104625097"></path></g></g></g></svg>
Profile icon
RYANTADIPARTHI

@SixBeeps ctrl+ shift +i doesn't work. also what is the image? Where do i find it? and thanks for the announcement svg.

Profile icon
SixBeeps

@RYANTADIPARTHI Is it a school-issued Chromebook? Make sure you have Inspect Element enabled. The image is of the Inspect Element window.

Profile icon
RYANTADIPARTHI

@SixBeeps it is a school-issued Chromebook. Inspect is blocked on this. Any alternates?

Profile icon
SixBeeps

@RYANTADIPARTHI Unfortunately no. That sucks.

Profile icon
RYANTADIPARTHI

@SixBeeps oh ok. Thanks anyways.

Profile icon
RYANTADIPARTHI

@SixBeeps hi, can i have the SVG for the blue search symbol? You know the little symbol in your repl on the very right. Top? Thanks. And give it in light mode please.

Thanks!

Profile icon
SixBeeps

@RYANTADIPARTHI

<svg width="14" height="14" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="transparent" class="jsx-2146197834 " style="vertical-align: middle;"><path d="M11 19C15.4183 19 19 15.4183 19 11C19 6.58172 15.4183 3 11 3C6.58172 3 3 6.58172 3 11C3 15.4183 6.58172 19 11 19Z" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path><path d="M20.9999 21.0004L16.6499 16.6504" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg>
Profile icon
RYANTADIPARTHI
Profile icon
RYANTADIPARTHI

@SixBeeps hi, could you give me the SVG for locked posts? You know the lock symbol for when posts are locked by mods? Could you give me that SVG?

Thanks!

Profile icon
SixBeeps

@RYANTADIPARTHI I know what you're talking about, but can you find a post with it? I can't seem to find any.

Profile icon
RYANTADIPARTHI

@SixBeeps you can try going to the share top section. Scroll down once you get there, you will find the SVG.

or you can go to my profile, and find the anger test post, it has a locked SVG too.

Profile icon
SixBeeps

@RYANTADIPARTHI

<svg width="22px" height="32px" viewBox="0 0 22 32" version="1.1" xmlns="http://www.w3.org/2000/svg" class="jsx-3343740714"><g class="jsx-3343740714"><g transform="translate(-89, -23)" fill="#5192B3" fill-rule="nonzero" class="jsx-3343740714"><g transform="translate(89, 23)" class="jsx-3343740714"><path d="M11.09,18.59 C9.9821125,18.598387 9.02266744,19.3610423 8.76455688,20.4384763 C8.50644632,21.5159102 9.01617275,22.6305209 10,23.14 L10,26 L12,26 L12,23.23 C13.0647784,22.7936395 13.6725238,21.6653931 13.4510621,20.5361818 C13.2296004,19.4069704 12.2407216,18.5918551 11.09,18.59 Z" class="jsx-3343740714"></path><path d="M19,13 L19,8.72 C19.0894129,4.20620308 15.5133609,0.469228711 11,0.36 C6.48663913,0.469228711 2.9105871,4.20620308 3,8.72 L3,13 L0,13 L0,30 C0,31.1045695 0.8954305,32 2,32 L20,32 C21.1045695,32 22,31.1045695 22,30 L22,13 L19,13 Z M5,8.72 C4.91024699,5.31056291 7.59111881,2.46883878 11,2.36 C14.4088812,2.46883878 17.089753,5.31056291 17,8.72 L17,13 L5,13 L5,8.72 Z M2,30 L2,15 L20,15 L20,30 L2,30 Z" class="jsx-3343740714"></path></g></g></g></svg>
Profile icon
RYANTADIPARTHI

@SixBeeps hi, could i have the SVG for the comment on the home page section?

canvas (2)

Thanks!

Profile icon
SixBeeps

@RYANTADIPARTHI

<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24"><path fill="none" d="M0 0h24v24H0V0z"></path><path d="M21.99 4c0-1.1-.89-2-1.99-2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h14l4 4-.01-18zM20 4v13.17L18.83 16H4V4h16zM6 12h12v2H6zm0-3h12v2H6zm0-3h12v2H6z"></path></svg>
Profile icon
RYANTADIPARTHI

@SixBeeps thanks! But could you make it this color?

#6f6f6f

Thanks again!

Profile icon
SixBeeps

@RYANTADIPARTHI Give the element stroke="#6f6f6f" as an attribute of the tag.

Profile icon
RYANTADIPARTHI

@SixBeeps hi, could you give me the fork SVG?

Screenshot 2021-07-29 2.28.58 PM

Thanks!

Profile icon
SixBeeps

@RYANTADIPARTHI

<svg preserveAspectRatio="xMidYMin" width="14" height="14" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="transparent" class="jsx-2146197834 " style="vertical-align: middle;"><path d="M9 12L2 12" stroke-width="2" stroke-linecap="round"></path><path d="M16 6L11 6C10.4477 6 10 6.44772 10 7L10 17C10 17.5523 10.4477 18 11 18L16 18" stroke-width="2"></path><path d="M16 18C16 19.6569 17.3431 21 19 21C20.6569 21 22 19.6569 22 18C22 16.3431 20.6569 15 19 15C17.3431 15 16 16.3431 16 18Z" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path><path d="M16 6C16 4.34315 17.3431 3 19 3C20.6569 3 22 4.34315 22 6C22 7.65685 20.6569 9 19 9C17.3431 9 16 7.65685 16 6Z" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg>
Profile icon
RYANTADIPARTHI

@SixBeeps thanks, also if you can, could you do the replit run button? The one in the spotlight?

Screenshot 2021-07-29 2.38.44 PM

Please make it so it has the same colors and same hover effect.

Thanks!

Profile icon
SixBeeps

@RYANTADIPARTHI I can't really help you too much with the transitioning, but here's the SVG.

<svg preserveAspectRatio="xMidYMin" width="14" height="14" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="currentColor" class="jsx-2146197834 " style="vertical-align: middle;"><path d="M20.25 11.567a.5.5 0 010 .866l-13.5 7.794a.5.5 0 01-.75-.433V4.206a.5.5 0 01.75-.433l13.5 7.794z"></path></svg>

Surround that with a button with this styling by default:

-webkit-tap-highlight-color: transparent; list-style-type: none; user-select: auto !important; margin: 0; padding: 0; box-sizing: border-box; font-family: inherit; --size: 110px; width: var(--size); height: var(--size); color: white; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; border-radius: 50%; border: 0px none; box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); cursor: pointer; transition: transform 100ms ease-in-out 0s; background-color: rgba(24,204,81,0.48); margin-bottom: 0px;

and this styling on hover:

background-color: #219d41; transform: scale(1.1);

Then style the SVG with this styling:

-webkit-tap-highlight-color: transparent; list-style-type: none; user-select: auto !important; font-family: inherit; --size: 110px; --shadow-1: 0 4px 4px rgba(0,0,0,0.2); color: white; cursor: pointer; stroke: currentcolor; stroke-width: 2; fill: currentcolor; margin: 0; padding: 0; box-sizing: border-box; min-width: 14px; min-height: 14px; transition: transform 100ms ease-out 0s; height: auto; width: 65%; filter: drop-shadow(var(--shadow-1)); vertical-align: middle;
Profile icon
RYANTADIPARTHI

@SixBeeps wow, thanks a lot! It's pretty good. Thanks again!

Profile icon
OldWizard209

📌Will this do? @RYANTADIPARTHI

Profile icon
RYANTADIPARTHI

@OldWizard209 no. I said, i want the exact. I could have gotten that if i wanted too.

Profile icon
OldWizard209

so what do you exactly want. The question is vague. You want the image of the pin or what?

Profile icon
RYANTADIPARTHI

@OldWizard209 i want that icon. Or symbol. whatever it is. But not image though.

Profile icon
OldWizard209

Like a copyable icon? 📌? @RYANTADIPARTHI