UC SVG Editor

The AI Logo Generator’s SVG editor allows you to customize and refine the generated logo using Scalable Vector Graphics (SVG) format. Once you have generated your brand logo using AI Logo Generator, you can edit various aspects of your design, such as shapes, text, and other graphical elements. The SVG editor provides quick and easy access to styling tools to modify your logo according to your branding needs and preferences. 

Accessing the SVG Editor

To access the SVG editor, hover over the generated logo and click Edit.

Modifying a Logo

To modify the generated logo:

1. Click the logo to activate the SVG editor top panel.
2. Select the width and height dimensions.
3. Click the color picker to choose your desired color, enter the color's hex code, or adjust the RGBA and HSLA values to create the perfect color and transparency.
4. Click the corresponding color on the color palette to select the logo color.

5. Click Vertical Flip/Horizontal Flip to create a mirror image of the logo.

6. Click Bring Forward/Bring Backward to move the logo forward or backward.

Modifying Brand Name

To modify the brand name:

1. Click the brand name to activate the SVG editor top panel.
2. On the SVG editor's top panel, edit the text, select an option to change the Font and Font Size, and make the text bold, italics, or underlined.
3. Click the color picker to choose your desired color, enter the color's hex code, or adjust the RGBA and HSLA values to create the perfect color and transparency.
4. Click the corresponding color on the color palette to select the brand name color.
5. Click Vertical Flip/Horizontal Flip to mirror the text.
6. Click Bring Forward/Bring Backward to move the text forward or backward.

Adding Icons

To add an icon to your logo:

1. Click or drag and drop Icons from the left panel.
2. Type the icon name in the search bar.
3. Click or drag and drop the corresponding icon from the icons list.

Adding Shapes

To add logo shapes:

1. Click Shapes on the left panel.
2. Click the corresponding shape to locate it on the crafting layout canvas.

3. Click the shape on the layout canvas to activate the SVG editor top panel.

4. Click the color picker to choose your desired color, enter the color's hex code, or adjust the RGBA and HSLA values to create the perfect color and transparency.

5. Click the corresponding color on the color palette to select the shape color.

6. Click Vertical Flip/Horizontal Flip to mirror the shape.

7. Click Bring Forward/Bring Backward to move the shape forward or backward.

8. Click Duplicate and Delete to create a copy of the object or delete it.

Modifying the Font

To modify the font of the brand name:

1. Click Text on the left panel.
2. Click the corresponding font.

3. Click the font on the layout canvas to activate the SVG editor top panel.

4. Make the necessary modifications.

Replacing the Brand Book Palette Colors

You can replace your brand book palette colors with those from the color picker.

To do so:

1. Click on the logo icon or brand name to activate the SVG editor top panel.
2. Click the color picker on the top panel and choose the corresponding color.
3. Click Save.

4. Click Yes in the Color Palettes pop-up window that opens.

   

5. Tick a color in Your new colors, then tick the color from Your brand book palette. The color palette is replaced by the new color from the color picker.
6. Click Save.

Tip:

• You can use Keyboard Shortcuts to execute commands more efficiently. To do so, click Keyboard Shortcuts on the left panel to open the list of available keyboard shortcuts.
• Click Redo and Undo at the bottom of the left panel to revise and refine your brand logo designs.
• Click Return in the top right corner to navigate back.
• Click Save in the top right corner to save the modifications made to the logo.

💡 If you have questions or concerns, contact us directly via the Live Chat box in the lower right corner. Our Support Team will provide you with top-notch quality support 24/7.