Posted in svg
11:46 pm, February 6, 2022
 

chevron right thick and pointy edges base64

finally found a svg chevron that does not cost $3, amazing...

HTML

<div class='chevron-right-16px'></div>
<div class='chevron-right-32px'></div>

CSS

.chevron-right-32px {
	height:32px;
  	width:32px;
background:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaGVpZ2h0PSIzMiIgaWQ9ImNoZXZyb24tcmlnaHQiIHZpZXdCb3g9IjAgMCAzMiAzMiIgd2lkdGg9IjMyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0xMiAxIEwyNiAxNiBMMTIgMzEgTDggMjcgTDE4IDE2IEw4IDUgeiIvPjwvc3ZnPg==") center no-repeat;
}

.chevron-right-16px {
	height:12px;
  	width:18px;
  background-size:cover;
background:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaGVpZ2h0PSIzMiIgaWQ9ImNoZXZyb24tcmlnaHQiIHZpZXdCb3g9IjAgMCAzMiAzMiIgd2lkdGg9IjMyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0xMiAxIEwyNiAxNiBMMTIgMzEgTDggMjcgTDE4IDE2IEw4IDUgeiIvPjwvc3ZnPg==") center no-repeat;
}

External Link for chevron right thick and pointy edges base64

View Statistics
This Week
120
This Month
340
This Year
143

No Items Found.

Add Comment
Type in a Nick Name here
 
Search Code
Search Code by entering your search text above.
Welcome

This is my test area for webdev. I keep a collection of code here, mostly for my reference. Also if i find a good link, i usually add it here and then forget about it. more...

You could also follow me on twitter. I have a couple of youtube channels if you want to see some video related content. RuneScape 3, Minecraft and also a coding channel here Web Dev.

If you found something useful or like my work, you can buy me a coffee here. Mmm Coffee. ☕

âĪïļðŸ‘Đ‍ðŸ’ŧðŸŽŪ

ðŸŠĶ 2000 - 16 Oct 2022 - Boots
Random Quote


Me
Random CSS Property

unicode-range

The unicode-range CSS descriptor sets the specific range of characters to be used from a font defined by @font-face and made available for use on the current page. If the page doesn't use any character in this range, the font is not downloaded; if it uses at least one, the whole font is downloaded.
unicode-range (@font-face) css reference