<@U04SE163WC8> how to add icon for my custom conne...
# ask-ai
k
@kapa.ai how to add icon for my custom connector
u
To add an icon for your custom connector in Airbyte, you need to follow these steps: 1. Each connector must have an icon available at the root of the connector code directory. It must be an SVG file named
icon.svg
and must be a square. [source](https://docs.airbyte.com/contributing-to-airbyte/resources/qa-checks#-assets) 2. Airbyte is transitioning away from icons being stored in the
airbyte-platform
repository. Instead, they will be stored in the connector folder itself. Once this transition is complete, the
icon
field in the
metadata.yaml
file will be removed, and the
icon.svg
file will be used instead. [source](https://docs.airbyte.com/connector-development/connector-metadata-file#the-icon-field) 3. After adding the icon, you need to build and tag your connector image locally. For example, you can use the command
docker build . -t my-custom-connectors/source-custom:0.1.0
to build the image and then create your image tag with the
docker tag
command. [source](https://docs.airbyte.com/operator-guides/using-custom-connectors#3-push-your-connector-image-to-your-private-docker-registry) 4. Push the image to your private Docker registry using
docker push <image-name>:<tag>
. [source](https://docs.airbyte.com/operator-guides/using-custom-connectors#3-push-your-connector-image-to-your-private-docker-registry) 5. Finally, you can add your custom connector in the Airbyte UI. Go to the Admin section, click on
[+ New connector]
on the top right, and fill in the required details including the display name, the Docker repository name, tag, and documentation URL for that connector. [source](https://docs.airbyte.com/integrations/custom-connectors#adding-your-connectors-in-the-ui) Please note that you should run all the above commands from your local/CI environment, where your connector source code is available.