What download formats does Friconix provide for icons?

Updated

Friconix offers icons as SVG, PNG, and JPG files, plus an embed code option for websites. Choose SVG when you need scalable vector graphics you can edit or resize without quality loss; choose PNG or JPG when you need a ready-to-use bitmap image; choose the embed code when you want to place icons directly on a web page.

Format options at a glance

Format Best for What you get
SVG Vector editing, logos, UI elements that must scale cleanly A vector file you can open in design tools and modify
PNG Web or app use where a raster image is enough A bitmap image, typically with transparency
JPG Situations where a flat image file is required A compressed bitmap image
Embed code Adding icons to an HTML page without managing image files Code you paste into your site

The site describes itself as a "free collection of beautiful vector icons" and states you can "Download icons SVG, PNG, JPG or embed code for your website." That is the full set of formats named on the page.

How to get an icon in the format you need

  1. Search or browse the icon collection on the home page. The page shows a grid of icon names such as algorithm, thermometer-low, paper-plane-alt, and yin-yang-wide.
  2. Select the icons you want. The site's board panel instructs: "Start selecting icons by clicking on" the selection control, and your board collects them.
  3. Download your JS file. The board panel has a "Download icons file" button under the heading "2. Download your JS file."
  4. Upload the file server side and reference it in your HTML header, for example:
    <script defer src="/path/to/friconix.js"></script>
    The site notes you should change the path to your own location.
  5. Display the icons on your HTML pages. The site points to its documentation for details.

For individual SVG, PNG, or JPG files, use the download option on the icon you have selected; the site's stated formats are the source for what is available.

Choosing between the formats

  • Pick SVG if the icon will appear at multiple sizes, sit alongside text in a responsive layout, or be edited (color, stroke, shape). Vector files stay sharp when scaled.
  • Pick PNG if you need a transparent background for a slide, document, or app screen and do not plan to edit the artwork.
  • Pick JPG if a tool or platform only accepts JPG and transparency is not needed. JPG does not preserve transparency, so avoid it for icons placed over colored backgrounds.
  • Pick the embed code / JS file if you are building a website and want to manage icons as a set rather than as loose image files. This matches the site's board workflow: select icons, download the JS file, upload it, and reference it in your header.

Practical notes

  • The board workflow is tied to selecting icons first; an empty board will not produce a download, so select at least one icon before downloading.
  • The site mentions signing up or logging in "to store your boards," so account creation is relevant if you want to keep a selection for later. The page does not state that downloads require an account.
  • The page does not list prices or license terms beyond describing the collection as free; check the site's legal notice and FAQ before commercial use.
  • The embed snippet uses defer, so the script loads without blocking page rendering; keep the path correct or icons will not appear.

In short: use SVG for editable, scalable assets, PNG or JPG for ready-made images, and the embed code when you want icons live on a website.