';
// Open custom link
if ( $link_url ) {
$link_data = vcex_build_link( $link_url );
$link_url = isset( $link_data['url'] ) ? $link_data['url'] : $link_url;
$link_url = esc_url( do_shortcode( $link_url ) );
if ( $link_url ) {
$link_attrs = array(
'href' => $link_url,
'class' => array( 'vcex-icon-link' ),
);
$link_attrs['title'] = isset( $link_data['title'] ) ? $link_data['title'] : '';
$link_attrs['target'] = isset( $link_data['target'] ) ? $link_data['target'] : '';
$link_attrs['rel'] = isset( $link_data['rel'] ) ? $link_data['rel'] : '';
if ( 'true' == $link_local_scroll || 'local' == $link_target ) {
unset( $link_attrs['target'] );
unset( $link_attrs['rel'] );
$link_attrs['class'][] = 'local-scroll-link';
}
$output .= '
';
}
}
// Icon classes
$icon_wrap_attrs = array(
'class' => array(
'vcex-icon-wrap',
'wpex-leading-none',
),
);
if ( 'true' === $color_accent && ! $color ) {
$icon_wrap_attrs['class'][] = 'wpex-text-accent';
}
if ( 'true' === $background_accent && ! $background ) {
$icon_wrap_attrs['class'][] = 'wpex-bg-accent';
}
if ( $background || 'true' === $background_accent ) {
$icon_wrap_attrs['class'][] = 'wpex-inline-block'; // force inline block
if ( empty( $height ) && empty( $width ) ) {
$icon_wrap_attrs['class'][] = 'wpex-p-20';
}
}
if ( $hover_animation ) {
$icon_wrap_attrs['class'][] = vcex_hover_animation_class( $hover_animation );
vcex_enque_style( 'hover-animations' );
}
if ( $border ) {
$icon_wrap_attrs['class'][] = 'wpex-box-content'; // prevent issues when adding borders to icons
}
if ( ! $hover_animation && ( $background_hover || $color_hover ) ) {
$icon_wrap_attrs['class'][] = 'wpex-transition-colors';
$icon_wrap_attrs['class'][] = 'wpex-duration-200';
}
// Icon hovers
$hover_data = array();
if ( $background_hover ) {
$hover_data['background'] = esc_attr( $background_hover );
}
if ( $color_hover ) {
$hover_data['color'] = esc_attr( $color_hover );
}
if ( $hover_data ) {
$icon_wrap_attrs['data-wpex-hover'] = htmlspecialchars( wp_json_encode( $hover_data ) );
}
// Add Style
$icon_wrap_attrs['style'] = vcex_inline_style( array(
'font_size' => $custom_size,
'color' => $color,
'padding' => $padding,
'background_color' => $background,
'border_radius' => $border_radius,
'height' => $height,
'line_height' => vcex_validate_px( $height, 'px' ),
'width' => $width,
'border' => $border,
), false );
// Open Icon div
$output .= '';
// Display alternative icon
if ( $icon_alternative_classes ) {
$output .= '';
// Display theme supported icon
} else {
vcex_enqueue_icon_font( $icon_type, $icon );
$output .= '';
}
// Close Icon Div
$output .= '