Create a BIMI SVG file (detailed steps)

This page describes how to create a BIMI SVG file, so that you can add  your logo to email messages with BIMI.

Currently, there are no applications to create an SVG file that meets all BIMI requirements. SVG files for BIMI typically need to be modified manually using a text editor, or with a special-purpose script. Learn about recommended tools for creating a BIMI SVG file.

You can use Adobe Illustrator to create an SVG file, then make some minor changes with a text editor. When creating your SVG file, make sure you follow SVG file requirements and recommendations.

1. Open your source vector image in Illustrator.
2. Make sure the vector image doesn’t include: Bitmaps, links to other files, text, or grouped objects. To keep text in the file as an object, use Illustrator’s Create outlines feature.
3. Select File > Save As…
4. In the Save As window:
   • Enter the filename in the Save As field. We recommend using only lowercase letters and dashes, for example mybrand-bimi.svg. Don’t use special characters.
   • Next to Format, select SVG (svg). Don’t select SVG Compressed (svgz).
5. Click the Save button.
6. In the SVG Options window:
   • Next to SVG Profiles, select SVG Tiny 1.2.
   • Next to Image Location, select Preserve.
7. Click the OK button to finish saving the file.
8. Open the file in a text editor. You’ll edit the first part of the file, which appears similar to this:
   
   <?xml version="1.0" encoding="utf-8"?>

   <!-- Generator: Adobe Illustrator 25.3.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->

   <svg version="1.2" baseProfile="tiny" xmlns="http://w3.org/2000/svg" xmlns:xlink="http://w3.org/1999/xlink" x="0px"

   y="0px" viewBox="0 0 742.23 828.45" overflow="visible" xml:space="preserve">

   <g id="design">

   <g>

   <!-- Generator: Adobe Illustrator 25.3.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->

   <svg version="1.2" baseProfile="tiny-ps" xmlns="http://w3.org/2000/svg" xmlns:xlink="http://w3.org/1999/xlink" x="0px"

   overflow="visible" xml:space="<title>Solarmora Services</title>

   <g id="design">

9. Change lines 3 and 4 of the text file:
   • Make sure the svg version value is 1.2. If it’s not, change it to 1.2.
   • Change the base Profile value to tiny-ps.
   • Remove the x and y attributes and values.
   • Add a <title> tag and value as shown in the example in Step 8. The title must come after <svg and before <g>.
10. After editing, verify that the first part of the file appears similar to this:
    
    <?xml version="1.0" encoding="utf-8"?>

<!-- Generator: Adobe Illustrator 25.3.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->

<svg version="1.2" baseProfile="tiny-ps" xmlns="http://w3.org/2000/svg" xmlns:xlink="http://w3.org/1999/xlink" x="0px"

overflow="visible" xml:space="<title>Solarmora Services</title>

<g id="design">
     
11. Save your changes to the text file. The file extension must be .svg.

Next steps

Next, get a VMC and associated PEM and certificate files.