Help Center
  • Welcome
  • Setka Editor
    • Getting started
    • Drag-and-Drop & Multiselect
    • Text editing
    • Grids and Layout
    • Images
      • Image Editor
    • Background images
    • Icons
    • Animations
    • Lists
    • Tables
    • Dividers
    • Footnotes
    • Hotspots
    • Enhance Symbols
    • Post templates
    • Buttons
    • Comments and collaboration
    • Embeds
    • Hyphenation
    • Responsive layout for mobile screens
    • Custom CSS
    • Custom JS plugins
  • Setka Content Design System Manager
    • Creating and editing styles
    • Text formats and fonts
    • Styles display for mobile mevices
    • Text and background colors
    • Dividers
    • Icons
    • Components – reusable design elements
      • Creating Components with HTML and CSS
        • CSS in components
        • Component examples
    • Configuring layout grids
    • Editing default elements with Custom CSS
    • Adding team members
  • Account Settings
    • Account settings basics
    • Access rights
    • Billing and subscription
  • Preserve your Setka Editor content after the service shutdown
  • Integrations
    • Setka and WordPress
      • Installing Setka Editor WordPress plugin
      • Launching Setka Editor on the post creation page
      • Setka Editor and WordPress compatibility
      • Setka Editor compatibility with the most popular WordPress plugins
      • Inserting graphs, charts, or diagrams into a post
      • Setka Editor and Google AMP
      • Inserting adverts into a post
      • srcset — the attribute for image size optimization
      • Page load speed optimization settings
        • Autoptimize plugin configuration
      • WordPress troubleshooting: known Issues and how to fix them
      • Preserve your Setka Editor content after the service shutdown
    • Setka and Drupal
      • Setka for Drupal — compatibility, and features
      • Installing Setka modules for Drupal
      • Setka content on AMP pages in Drupal
    • Setka and Magento
      • Installing Magento 2 extension
        • Setka Editor configuration page
      • Preserve your Setka Editor content after the service shutdown
    • Setka and HubSpot
      • Setka Editor and HubSpot Blogs
      • Setka Editor and HubSpot Landing Pages
      • Semi-gated content with a HubSpot form
      • Preserve your Setka Editor content after the service shutdown
    • Setka and Bitrix
      • Preserve your Setka Editor content after the service shutdown
    • Setka and Ghost
      • Copying and pasting posts from Setka to Ghost
    • Setka and SharePoint Online
      • Installing Setka Editor application into SharePoint Online
    • Setka and Zapier
      • Setka and Webflow
        • Exporting new posts
        • Updating exported posts
      • Setka and Shopify
    • Setka and Integromat
    • Content Cloud
  • API
    • Setka Content Cloud API
    • Webhooks
    • API for Custom CMS Integration
      • Introduction to custom integration
      • Integration with Content Design System Manager (CDSM)
        • Initial sync — receiving Setka Editor files to connect them to your CMS
        • Storing and processing Setka Editor files
        • Connecting Setka Editor files to the pages of your site
        • Receiving style updates from the Style Manager and new editor versions
      • Setka Post Editor initialization (JavaScript)
      • Integration with Style Manager (API v1, previous version)
      • Preserve your Setka Editor content after the service shutdown
    • Custom Components API
  • VIDEO TUTORIALS
    • Setka Editor Video Tutorials
  • Components Library
    • Components Library
    • Guide: Ideas for Using Setka Editor’s Components to Improve Content Design
  • Content Experience Design Best Practices
    • Guide To Designing a Great Content Experience
Powered by GitBook
On this page
  • Why do I need icons?
  • How to add a new icon?
  • How to search for free icons?
  • How to add more icons from the Noun Project Library?
  • How to upload icons from your computer?
  • Which image file format to use for icons?

Was this helpful?

  1. Setka Content Design System Manager

Icons

How to add icons

PreviousDividersNextComponents – reusable design elements

Last updated 4 years ago

Was this helpful?

Why do I need icons?

Icons help to provide visual indicators of your text’s content. When selecting icons for a new style, try to add those that match the theme of your background, text, dividers, and links.

How to add a new icon?

There are two ways to add icons to your Style:

  • add from the Noun Project online library

  • upload directly from your computer

How to search for free icons?

Click Search icons library and type the name of the icon in the search bar. Select an icon and change its color if necessary. Click Add to upload the icon to your Style.

How to add more icons from the Noun Project Library?

How to upload icons from your computer?

Click on Select files to upload, select a file, and save style changes. The icon you add appears in the Icons tab as shown below:

You can insert special characters and emojis when creating a style.

Which image file format to use for icons?

You can upload icons in PNG, JPG, and SVG formats. The image size and number of icons is not limited. The recommended icon size — no bigger than 256px. This is an optimal size for the largest font.

To access more icons from the Noun Project Library, click Search icons library, and click the link to get to the Noun Project Library. To add any of these icons to your Style, you will need to sign up and either purchase a license or download credited icons. Once downloaded, upload them from your computer to the Content Design System Manager (CDSM).

about how to add icons to your post in Setka Post Editor.

to their site
Learn more
Adding icons from the Icons library in Setka Content Design System Manager
Uploading icons from desktop to Setka Content Design System Manager