Using Lineicons SVG
Lineicons offers icons as SVG. You can use them wherever you want. The SVGs are in two formats one is the SVG code and the other is the .svg image.
Let’s go ahead and see how you can use the Icons as SVG.
SVG Code
You can get the SVG code from the icon gallery. To get the SVG code, click on the icon you want to get the code, then click on the Copy SVG button.
You’ll get an SVG code like this.
<svg fill="#1C2033"
width="52" height="52"
viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg">
<path d="M46.6016 44C46.3016 43.5 46.2016 43.1 46.2016 42.6V29.4C46.2016 25.8 44.7016 22.4 41.9016 19.9C39.5016 17.7 36.4016 16.5 33.1016 16.3V13C33.1016 12.4 32.7016 12 32.1016 12C31.5016 12 31.1016 12.4 31.1016 13V16.3C30.9016 16.3 30.6016 16.3 30.4016 16.3C23.3016 17.1 18.0016 22.8 18.0016 29.6V42.5C17.9016 43.1 17.8016 43.5 17.6016 43.8L16.2016 46C15.9016 46.5 15.9016 47.1 16.2016 47.6C16.5016 48.1 17.0016 48.3 17.6016 48.3H31.0016V51C31.0016 51.6 31.4016 52 32.0016 52C32.6016 52 33.0016 51.6 33.0016 51V48.3H46.5016C47.1016 48.3 47.6016 48 47.8016 47.6C48.1016 47.1 48.1016 46.5 47.8016 46L46.6016 44ZM18.4016 46.3L19.2016 44.9C19.5016 44.3 19.7016 43.6 19.8016 42.8V29.7C19.8016 23.9 24.4016 19.1 30.5016 18.4C34.2016 18 37.9016 19.1 40.5016 21.5C42.9016 23.6 44.2016 26.5 44.2016 29.5V42.7C44.2016 43.6 44.4016 44.4 44.9016 45.2L45.7016 46.4H18.4016V46.3Z"/>
<path d="M7.1 25.5002C6.7 25.1002 6.1 25.1002 5.7 25.5002C3.3 27.7002 2 30.8002 2 34.1002C2 37.4002 3.3 40.4002 5.7 42.8002C5.9 42.9002 6.2 43.0002 6.4 43.0002C6.7 43.0002 6.9 42.9002 7.1 42.7002C7.5 42.3002 7.5 41.7002 7.1 41.3002C5.1 39.4002 4 36.8002 4 34.1002C4 31.4002 5.1 28.8002 7.1 26.9002C7.5 26.5002 7.5 25.9002 7.1 25.5002Z"/><path d="M11.7 29.8C11.3 29.4 10.7 29.4 10.3 29.8C9.1 30.9 8.5 32.5 8.5 34.1C8.5 35.7 9.2 37.2 10.3 38.4C10.5 38.6 10.7 38.7 11 38.7C11.3 38.7 11.5 38.6 11.7 38.4C12.1 38 12.1 37.4 11.7 37C10.9 36.2 10.5 35.2 10.5 34.1C10.5 33 10.9 32 11.7 31.2C12 30.9 12 30.2 11.7 29.8Z"/>
<path d="M58.3016 25.3996C57.9016 24.9996 57.3016 24.9996 56.9016 25.3996C56.5016 25.7996 56.5016 26.3996 56.9016 26.7996C58.9016 28.6996 60.0016 31.2996 60.0016 33.9996C60.0016 36.6996 58.9016 39.2996 56.9016 41.1996C56.5016 41.5996 56.5016 42.1996 56.9016 42.5996C57.1016 42.7996 57.4016 42.8996 57.6016 42.8996C57.9016 42.8996 58.1016 42.7996 58.3016 42.5996C60.7016 40.2996 62.0016 37.1996 62.0016 33.8996C62.0016 30.7996 60.7016 27.6996 58.3016 25.3996Z"/>
<path d="M52.3 29.8C51.9 30.2 51.9 30.8 52.3 31.2C53.1 32 53.5 33 53.5 34.1C53.5 35.2 53.1 36.2 52.3 37C51.9 37.4 51.9 38 52.3 38.4C52.5 38.6 52.8 38.7 53 38.7C53.3 38.7 53.5 38.6 53.7 38.4C54.9 37.3 55.5 35.7 55.5 34.1C55.5 32.5 54.8 31 53.7 29.8C53.4 29.4 52.7 29.4 52.3 29.8Z"/>
</svg>
You can directly paste this on Figma or any software that allows you to work with SVG directly.
SVG Image
Using the Lineicons icon as a .svg image is another way to use the icons. You can get the SVG image from the icons gallery.
After you’ve clicked on the button the SVG image will be automatically downloaded.