Create icons
What is the best way to make this arrow? Should i remake it in css or should i use a close looking one from a online website or should i make it in something like illustrator?
14 Replies
what is the best practice for these kind of icons
Unknown User•2y ago
Message Not Public
Sign In & Join Server To View
https://icones.js.org/
Font awesome isn't accessible by default
https://iconmonstr.com
This site is quite nice. Free icons and you can just embed the svg. This way you don't need to add any dependencies
iconmonstr - Free simple icons for your next project
Free simple icons for your next project
Depends on what you’re doing with it. If you’re wanting to replace the • in a bullet list then you need to figure out how to do it with CSS. But if it’s for visual flourish or direction then use an image…you can either search the Internet for one or make it yourself.
And no, don’t use FontAwesome. It’s not actually awesome.
Or for a simple, regular, every day arrow and other similar characters in html: https://unicode-table.com/en/html-entities/
atm i made it myself using css but i feel like its not worth it making it by myself all the time
this one specific is probably a redirection to another website. I am making this website i didn't make the design but it looks like a redirect arrow
but i was mostly wondering if making it myself is ever worth it i made the hamburger menu with css and i was planning on making the arrows just for the practice but i feel like its better to just find a alternative arrow or make it using illustrator
Just use a site like one of the ones linked here instead of making it yourself in css/illustrator
An arrow like that could be an HTML escape character as Joao said or an image. Especially if it's on multiple elements you can reuse the same image
and when using images is svg a must?
Not a must. Indeed, in some cases it's a bad idea
Under the hood, and SVG is nothing but a bunch of mathematical formula for drawing shapes, lines, shades, etc. The vectors make it able to be scaled up and down without loss of quality: math doesn't care how big it draws things, it just draws it.
But complex pictures with lots of colours, shades, and shapes can be overwhelming to draw on some machines, that's when you use a PNG, JPG, etc. While not "responsive" those file formats are "this pixel goes here, that one goes there" and is really easy to render as the size is fixed. So an image of a deer running through the woods on a partly-cloudy day with the sunlight streaming in through the tree branches would suck as an SVG. It would be orders of magnitude bigger than the page itself!
ahhh oke i understand that then i will mostly be using svg