Scalable Vector Graphics (SVG) are sharp images that do not blur on zoom. You may have faced such images in your literature review on different published papers. In this story, I will give quick instructions on how to use such images in your next publication!

1- Add the SVG package to your main.tex file on Overleaf by adding the below line on top of the file contents. Note that inkspacelatex=false makes all your textual content in the SVG file scale with other contents².

\usepackage[inkscapelatex=false]{svg}

2- Wherever you want to add an SVG image, use the below syntax instead of using \includegraphics:

\includesvg[width=SIZE\columnwidth]{IMAGE_PATH.svg}

Where SIZE defines the size of the SVG image, and IMAGE_PATH is the relative path to the SVG image uploaded to your Overleaf project. Below is an example of using the above snippet:

\begin{figure}[t!]
\centerline{\includesvg[width=0.75\columnwidth]{Images/context.svg}}
\caption{Example of using SVG on Overleaf}
\label{fig: example}
\end{figure}

In the above example, width=0.75\columnwidth sets the SVG width to occupy 75% of the column width in a double-column Overleaf document like the IEEE Conference template.

References

1- https://www.overleaf.com/for/partners/logos

2- https://tex.stackexchange.com/a/498352

3- https://mirror.its.dal.ca/ctan/graphics/svg/doc/svg.pdf