# OxyNinja Icons

## SVG Set

{% hint style="info" %}
Please note, since these icons were originally available for OxyNinja, the icons here as a library can be imported to Oxygen Builder. We have included the separate SVGs below.
{% endhint %}

### Core Icons (SVG Set)

{% file src="<https://949277485-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fp10Tm4nYjo9MojbZ6zQt%2Fuploads%2FpErC7gVvD5VUxz1M3N0i%2Fcore-icons.zip?alt=media&token=4943b539-ed7c-402f-bd1b-49c841b80756>" %}

### WooCore Icons (SVG Set)

{% file src="<https://949277485-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fp10Tm4nYjo9MojbZ6zQt%2Fuploads%2FJyqLIfLq66yStidOIFah%2Fwoocore-icons.zip?alt=media&token=c791a44b-2aaa-4897-8640-ae9b61e99139>" %}

### Importing SVG Set to Oxygen

1. Unzip the files on your machine.
2. In WordPress, navigate to **Oxygen > Settings**

<figure><img src="https://949277485-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fp10Tm4nYjo9MojbZ6zQt%2Fuploads%2FfIVRekr3mwDYZOvysynU%2F183shots_so.jpg?alt=media&#x26;token=da7cf664-5481-48f2-a170-e468d0dbbd0b" alt=""><figcaption></figcaption></figure>

3. Next, navigate to the SVG Sets tab, enter an appropriate name for your SVG set (Core or WooCore), click browse to find the respective symbol-defs.svg file, and click on Import SVG Set.

<figure><img src="https://949277485-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fp10Tm4nYjo9MojbZ6zQt%2Fuploads%2FZ8xGV0z6DnoGHObX7eu6%2F499shots_so.jpg?alt=media&#x26;token=64fc9e02-026a-471b-8915-efaba68600cf" alt=""><figcaption></figcaption></figure>

4. Now, when choosing an icon from the Oxygen Builder, you should see that the SVG libraries are now available.

<figure><img src="https://949277485-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fp10Tm4nYjo9MojbZ6zQt%2Fuploads%2FQgyIXyBdwOGmKeSdpcwD%2F747shots_so.jpg?alt=media&#x26;token=c27221d0-1166-48f3-b890-62545d942802" alt=""><figcaption></figcaption></figure>

## SVG (Individual Files)

We are also providing the SVGs as individual files, enabling Bricks users to utilize the icons efficiently. This approach conserves resources, as you can include these files directly as code blocks. Simply copy the markup from each SVG file in the .zip archive and insert them as code blocks in Bricks or Oxygen.

### Core Icons (Individual)

{% file src="<https://949277485-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fp10Tm4nYjo9MojbZ6zQt%2Fuploads%2FYgE7wyQRJY8hgXfPpRlz%2FCore-Icons-Individual.zip?alt=media&token=aa718d05-eea3-4e97-bbe0-ece13158454a>" %}

### WooCore Icons (Individual)

{% file src="<https://949277485-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fp10Tm4nYjo9MojbZ6zQt%2Fuploads%2F4irdKbQs1lTvpOvjW8ki%2FWooCore-Icons-Individual.zip?alt=media&token=ba32f948-e1f3-4874-84aa-b86c55af49f6>" %}
