Where can I get the svg code for the icons?

Question

SVG

Is there somewhere svg code for icons for html?
Now I use awesome , but I would like to remove unnecessary scripts, and what is better: awesome or svg code, maybe 20-30 such codes per page?
I mean like this

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" style="height: 40px;width: 40px;vertical-align: top;border-radius: 22px;padding: 8px;background: #f9f9f9;margin-top: 10px;">
                  <path d="M9.09090909,8 C8.48484848,8 8,8.48484848 8,9.09090909 L8,13.7878788 C8,14.3939394 8.48484848,14.8787879 9.09090909,14.8787879 L13.7878788,14.8787879 C14.3939394,14.8787879 14.8787879,14.3939394 14.8787879,13.7878788 L14.8787879,9.09090909 C14.8787879,8.48484848 14.3939394,8 13.7878788,8 C13.7878788,8 12.2222222,8 9.09090909,8 Z M22.9090909,8 L18.2121212,8 C17.6060606,8 17.1212121,8.48484848 17.1212121,9.09090909 L17.1212121,9.09090909 L17.1212121,13.7878788 C17.1212121,14.3939394 17.6060606,14.8787879 18.2121212,14.8787879 L18.2121212,14.8787879 L22.9090909,14.8787879 C23.5151515,14.8787879 24,14.3939394 24,13.7878788 L24,13.7878788 L24,9.09090909 C24,8.48484848 23.5151515,8 22.9090909,8 C22.9090909,8 22.9090909,8 22.9090909,8 Z M13.7878788,17.1212121 L9.09090909,17.1212121 C8.48484848,17.1212121 8,17.6060606 8,18.2121212 C8,18.2121212 8,18.2121212 8,18.2121212 L8,22.9090909 C8,23.5151515 8.48484848,24 9.09090909,24 L9.09090909,24 L13.7878788,24 C14.3939394,24 14.8787879,23.5151515 14.8787879,22.9090909 L14.8787879,22.9090909 L14.8787879,18.2121212 C14.8787879,17.6060606 14.3939394,17.1212121 13.7878788,17.1212121 L13.7878788,17.1212121 Z M22.9090909,17.1212121 L18.2121212,17.1212121 C17.6060606,17.1212121 17.1212121,17.6060606 17.1212121,18.2121212 L17.1212121,18.2121212 L17.1212121,22.9090909 C17.1212121,23.5151515 17.6060606,24 18.2121212,24 L18.2121212,24 L22.9090909,24 C23.5151515,24 24,23.5151515 24,22.9090909 L24,22.9090909 L24,18.2121212 C24,17.6060606 23.5151515,17.1212121 22.9090909,17.1212121 C22.9090909,17.1212121 22.9090909,17.1212121 22.9090909,17.1212121 Z" fill-rule="nonzero" fill="#0099D3">
                  </path>
                </svg>

Answer 1

tell me please, is there somewhere svg code for icons for html?

On the net they are like dirt, for example here .

Now I'm using awesome

There are also several thousand.

but I would like to remove unnecessary scripts

I don't see any obstacle to this.

and which is better awesome or svg code

FontAwesome - can be downloaded separately, in SVG format (each icon separately).

on the page for 20-30 such codes maybe?

In terms of reducing server calls, embedding SVG in the page is better. From the point of view of readability of such code - I think it's worse.
PS There are many different tools for analyzing page loading speed and evaluating a number of other factors. For example, Google Page Speed . Better - when the indicators are high and / or fit into the norm, the rest is secondary.

Answer 2

1 find a site with ANY vector icons
2 look at the icon code in the inspector
3 controlcontrols

Answer 3

Here is a good resource. And plus you can recolor, specify the size and download in many formats, for example, as you need in SVG.
https://www.flaticon.com/

Answer 4

You can also add an npm library to the project builder and collect scattered svg into one sprite :)

Answer 5

I am also a beginner. Found a solution using GIM here is the link https://stackoverflow.com/questions/11529470/is-th...