Custom SVG icons for various elements

We know the importance of having a consistent design, according to your vision. That’s why we’ve implemented a few filters to let you change the icons for some header elements.

Cart icon

add_filter('blocksy:header:cart:icons', function ($icon) {
    $icon['type-1'] = '<svg>Your SVG</svg>';
    return $icon;
});

Account icon

add_filter('blocksy:header:account:icons', function ($icon) {
    $icon['type-1'] = '<svg>Your SVG</svg>';
    return $icon;
});

Search icon

add_filter('blocksy:header:search:icon', function ($icon) {
    return '<svg>Your SVG</svg>';
});

Wishlist icon

add_filter('blocksy:header:wish-list:icons', function ($icon) {
    $icon['type-1'] = '<svg>Your SVG</svg>';
    return $icon;
});
add_filter('blocksy:ext:woocommerce-extra:wish-list:heart-icon', function ($icon) {
    $icon = '<svg>Your SVG</svg>';
    return $icon;
});

Mobile Off-Canvas close icon

add_filter('blocksy:main:offcanvas:close:icon', function ($icon) {
    $icon = '<svg>Your SVG Icon</svg>';
    return $icon;
});

Search modal close icon

add_filter('blocksy:search:modal:close:icon', function ($icon) {
    $icon = '<svg>Your SVG Icon</svg>';
    return $icon;
});

Type 2 Cart close icon

add_filter('blocksy:cart:offcanvas:close:icon', function ($icon) {
    $icon = '<svg>Your SVG Icon</svg>';
    return $icon;
});

Quick View icon

add_filter('blocksy:ext:woocommerce-extra:quick-view:trigger:icon', function ($icon) {
    $icon = '<svg>Your SVG Icon</svg>';
    return $icon;
});
Not the solution you are looking for?

Please check other articles or open a support ticket.