[Resolved] Change Search SVG Icon to another SVG icon

Home Forums Support [Resolved] Change Search SVG Icon to another SVG icon

Home Forums Support Change Search SVG Icon to another SVG icon

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1599260
    Eugene

    Hi Guys

    I’d like to change the default search SVG icon to something different like https://prnt.sc/wcyuco

    <svg height=”512″ viewBox=”0 0 512 512″ width=”512″ xmlns=”http://www.w3.org/2000/svg”><g id=”_02-search” data-name=”02-search”><g id=”glyph”><path d=”m502.52 447.813a24.1 24.1 0 0 0 -8.019-17.227l-138.078-123.108a202.683 202.683 0 0 1 -48.945 48.945l123.108 138.077c8.716 10.185 25.595 10.673 34.885 1l30.029-30.029a24.1 24.1 0 0 0 7.02-17.658z”/><path d=”m381 192c0-104.215-84.785-189-189-189s-189 84.785-189 189 84.785 189 189 189 189-84.785 189-189zm-189 144c-79.4 0-144-64.6-144-144s64.6-144 144-144 144 64.6 144 144-64.6 144-144 144z”/><path d=”m192 92a84.1 84.1 0 0 0 -84 84c0 22.962 13.148 49.214 39.081 78.027a323.174 323.174 0 0 0 37.552 35.445 12 12 0 0 0 14.734 0 323.174 323.174 0 0 0 37.552-35.445c25.933-28.813 39.081-55.065 39.081-78.027a84.1 84.1 0 0 0 -84-84zm0 124a40 40 0 1 1 40-40 40.045 40.045 0 0 1 -40 40z”/></g></g></svg>

    Is there a hook or action to do this?

    #1599664
    David
    Staff
    Customer Support

    Hi there,

    you can use this PHP snippet:

    add_filter( 'generate_svg_icon', function( $output, $icon ) {
        if ( 'search' === $icon ) {
            $svg = 'add your <svg>...</svg> here';
    
            return sprintf(
                '<span class="gp-icon %1$s">
                    %2$s
                </span>',
                $icon,
                $svg
            );
        }
    
        return $output;
    }, 15, 2 );

    Update this line to include your SVG code: $svg = 'add your <svg>...</svg> here';

    #1599908
    Eugene

    Epic, thanks so much 🙂

    #1600095
    David
    Staff
    Customer Support
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.