Core Framework
HomeChangelogDashboard
  • 📖Introduction
    • 📝 Overview of Core Framework
    • 💁🏼‍♂️ Target Audience
    • 🔍 Navigation of the Documentation
  • 🚀Getting Started
    • Getting Started with Web App and WordPress
    • Initial Setup and Configuration
    • Video tutorial: First-time setup walkthrough
    • OxyNinja Users
  • 🧩Builder Integrations
    • Overview
    • Oxygen Builder
    • Bricks Builder
    • Gutenberg
  • Figma
    • Getting Started with Figma
    • Create and Manage Variables
    • Editing Elements
  • 💻Navigating the UI
    • Color System
    • Typography
    • Spacing
    • Components
    • Utility Classes & Vars
    • Breakpoints
    • Manage project
    • Remote Import
    • Preferences
  • 📒How to Use
    • Dark Mode
    • Grid System
    • Filters
  • 🎯Marketplace
    • Buying Products
    • Become an Author
    • Author Guidelines
  • 👕Official UI Kits
    • Blocks
    • CoreKit
    • Violet
    • WooCore
    • Style Guide
    • OxyNinja Icons
  • Official Templates
    • Agency
    • Real Estate
  • 🔨Troubleshooting
    • Common Problems
    • FAQ
  • 📖Changelog
    • Changelog
    • Feature Requests
  • Development
    • CoreFramework\Helper
Powered by GitBook
On this page
  • SVG Set
  • Core Icons (SVG Set)
  • WooCore Icons (SVG Set)
  • Importing SVG Set to Oxygen
  • SVG (Individual Files)
  • Core Icons (Individual)
  • WooCore Icons (Individual)
  1. Official UI Kits

OxyNinja Icons

Due to popular demand, we have decided to offer the classic icons which were shipped with both the original Core and WooCore kits (originally available through OxyNinja) to our documentation.

PreviousStyle GuideNextAgency

Last updated 11 months ago

SVG Set

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.

Core Icons (SVG Set)

WooCore Icons (SVG Set)

Importing SVG Set to Oxygen

  1. Unzip the files on your machine.

  2. In WordPress, navigate to Oxygen > Settings

  1. 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.

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

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)

WooCore Icons (Individual)

👕
383KB
Core-Icons-Individual.zip
archive
267KB
WooCore-Icons-Individual.zip
archive
416KB
core-icons.zip
archive
327KB
woocore-icons.zip
archive