Wix Logo: Customizing Your Logo

9 min read

Important:

This article refers to the previous Wix Logo Maker. If you are using the new Wix Logo Maker, which is not yet available to all users, please read the information here. Learn how to check which version of the Wix Logo Maker you are using.

With the Wix Logo Maker you have full control over customization. You can access all your saved and purchased designs from the My Logos page and make further edits as needed. Switch up the color scheme, choose a different font, add icons and more.

Tip:

Before you get started customizing your logo, we recommend that you take time to review our Logo Maker best practices. This can really help avoid any potential design issues in the long run.

To customize your logo:

Go to My Logos.
Hover over the logo you want to customize and click Edit.
Click the options on the left to customize the following aspects of your logo:

Palette

Text

Click the Text icon on the left or click the existing text on your logo.
Hover over the text you want to customize and click Customize.
Note: If you haven't yet added text, click Add Text.
Customize the text using the following options:
- Edit text: Click the text field to replace the text.
- Font: Click Change Font to select a new font. Scroll through the available fonts and click the one you like best.
- Alignment: Select your text's alignment (left, center, right).
- Text color: Click the color box to change the text's color. Choose from the colors based on your color palette or add a new color.
- Text opacity: Drag the slider to adjust the transparency of the text.
- Outline width: Drag the slider to increase or decrease the outline around your text.
- Outline color: Click the color box to choose the color of your text's outline or enter a HEX code.
- Size: Drag the slider to change the text's size (between 1 and 400 pixels)
- Letter spacing: Drag the slider to adjust the space between the letters.
- Flip: Click the relevant icon to flip the text horizontally or vertically.
- Rotate: Drag the slider to rotate the text.
- Text Curve: Drag the slider to bend the text into a curve.
- Horizontal position: Drag the slider to move the text left or right.
- Vertical position: Drag the slider to move the text up or down.
- Shadow: Click the toggle to enable a shadow behind the text.
  - Shadow color: Click the color box to select the shadow's color.
  - Shadow opacity: Drag the slider to adjust the shadow's transparency.
  - Shadow horizontal position: Drag the slider to move the shadow left or right.
  - Shadow vertical position: Drag the slider to move the shadow up or down.
  - Shadow blur: Drag the slider to adjust the blurriness of the shadow.
- Blur: Click the toggle to enable blurring. Drag the slider to adjust the blurriness of the text.

Note: Under Wix Logo Terms of Use, every logo is required to have a business name. It is not possible to have a logo with an icon only.

Icons

Click the Icon icon on the left or select an existing icon on your logo.
Hover over the icon you want to customize and click Customize.
Note: If you haven't yet added an icon, click Add next to Manage Icons.
Customize your icon using the following options:
- Icon: Click Change icon to replace the existing icon.
- Icon Fill: Choose to fill your icon with a solid color or a pattern:
  - Solid Color: Click the color box and choose your icon's color.
  - Pattern: Click Customize below the Icon Fill drop-down to personalize your pattern.
    Learn more about adding and customizing patterns
- Icon opacity: Drag the slider to adjust the transparency of the icon.
- Size: Drag the slider to change the icon's size.
- Flip: Click the relevant icon to flip the icon horizontally or vertically.
- Rotate: Drag the slider to rotate the icon.
- Horizontal position: Drag the slider to move the icon left or right.
- Vertical position: Drag the slider to move the icon up or down.
- Shadow: Click the toggle to enable a shadow behind the icon.
  - Shadow color: Click the color box to select the shadow's color.
  - Shadow opacity: Drag the slider to adjust the shadow's transparency.
  - Shadow horizontal position: Drag the slider to move the shadow left or right.
  - Shadow vertical position: Drag the slider to move the shadow up or down.
  - Shadow blur: Drag the slider to adjust the blurriness of the shadow.
- Blur: Click the toggle to enable blurring. Drag the slider to adjust the blurriness of the icon.

Note: Currently, it is not possible to hide a part of an element in the Logo Maker. If this is something you'd like to see in the future, vote for that feature.

Shapes, icons, images and text are always visible in white, black, monochrome, grayscale and transparent files of the logo. We do not recommend using them to cover parts of the elements in your logo. Check out our logo best practices

Shapes

Click the Shapes icon on the left or click the existing shape on your logo.
Note: If you haven't yet added a shape, click Add Shape.
Customize the shape by using the following options:
- Shape: Click Change to select a new shape you want to add to your logo.
- Fill color: Click the toggle to enable color inside the shape's border.
- Shape Fill: Choose to fill your shape with a solid color or a pattern:
  Note: This option is only available if you enable the Fill color toggle.
  - Solid Color: Click the color box and choose your icon's color.
  - Pattern: Click Customize below the Shape Fill drop-down to personalize your pattern. Learn more about adding and customizing patterns
  - Fill color opacity (%): Drag the slider to adjust the transparency of the shape's color.
    Note: This option is only available if you enable the Fill color toggle.
- Border: Click the toggle to display a border around your shape.
  Note: This option is only available if you enable the Fill color toggle.
  - Border width (px): Drag the slider to adjust the thickness of your shape's border.
  - Shape Stroke: Choose to fill your border with a solid color or a pattern:
    - Solid Color: Click the color box and choose your border's color.
    - Pattern: Click Change below the pattern box and select your preferred pattern. Then click Customize below the Shape Stroke drop-down to personalize your pattern. Learn more about adding and customizing patterns
  - Border opacity (%): Drag the slider to adjust the border's transparency.
- Width: Drag the slider to increase or decrease the shape's width.
- Height: Drag the slider to increase or decrease the shape's height.
- Corner Radius (px): Drag the slider to round the corners of your shape.
- Flip: Flip your shape left or right, or up or down.
- Rotate: Drag the slider to rotate the shape.
- Horizontal position: Drag the slider to move the shape left or right.
- Vertical position: Drag the slider to move the shape up or down.
- Shadow: Click the toggle to enable a shadow behind the shape.
  - Shadow color: Click the color box to select the shadow's color.
  - Shadow opacity: Drag the slider to adjust the shadow's transparency.
  - Shadow horizontal position: Drag the slider to move the shadow left or right.
  - Shadow vertical position: Drag the slider to move the shadow up or down.
  - Shadow blur: Drag the slider to adjust the blurriness of the shadow.
- Blur: Click the toggle to enable blurring. Drag the slider to adjust the blurriness of the shape.

Tip: Narrow down your search for your shape using the filter option in the Add Shape panel.

Uploads

Click the Uploads icon on the left.
Click Upload Image.
Upload an image or select an image from your Media Manager Site Files.
- Upload an image:
  1. Click + Upload Image.
  2. Select the location you want to upload your image from.
  3. Click the image(s) you want to upload.
  4. Click Upload Selection.
  5. Click Add to Logo.
- Use a site file:
  1. Select the image you want to add to your logo.
  2. Click Add to Logo.
Customize your image using the following options:
- Size: Drag the slider to increase or decrease the size of your image.
- Image opacity: Drag the slider to increase or decrease the transparency of your image.
- Flip: Flip your image horizontally or vertically.
- Rotate: Drag the slider to rotate your image.
- Horizontal position: Drag the slider to move your image left or right.
- Vertical position: Drag the slider to move your image up or down.
- Shadow: Click the toggle to enable a shadow around your image and customize the following:
  - Shadow color: Click the color box to select the shadow's color or enter a hex code.
  - Shadow opacity: Drag the slider to increase or decrease the transparency of your shadow.
  - Shadow horizontal position: Drag the slider to move your shadow left or right.
  - Shadow vertical position: Drag the slider to move your shadow up or down.
  - Shadow blur: Drag the slider to increase or decrease the blurriness of your shadow.
- Blur: Drag the slider to increase or decrease the blurriness of your image.

Tip: The Wix Photo Studio also allows you to enhance and completely overhaul your image. Edit your image using the Photo Studio prior to making the changes to your image in the Logo Maker. If you edit your image in the Photo Studio, it saves as a new image. Make sure to upload the new image to your logo. Learn more

Background

4. Click Next at the top right when you're ready to download your logo.

Want to preview your logo?

Click the navigation arrow to the right of your logo design to preview your logo in desktop and mobile views, or printed on bags and business cards.

Tip:

You can press Ctrl + A or Cmd + A (if you're using a Mac) to select and group all the elements on your card, and move them around the canvas as one.

Want to start over?

Click Try Another Design at the top left if you want to work with a different logo.

Did this help?

Hire a Professional

Get matched with a Wix Partner who can help you reach your site goals.

Get Matched

To customize your logo:

Did this help?

Related Content

Hire a Professional