Remove Genericon in TwentyFourteen

I can’t find ANYTHING on this…

The Code I am using is working, but the chat bubble genericon (f300) is the only thing showing with no comments (I’d rather a 0) and with comments it is still displaying.

I am using simple css. Any ideas on how to remove that so JUST the numbers show?

<?php
/**
 * Template for displaying the comments link
 *
 * @subpackage Twenty_Eleven
 * @author    Brad Dalton
 * @example   https://wpsites.net/
 * @copyright 2014 WP Sites
 */
?>
<div class="entry-header">

    <?php if ( comments_open() && ! post_password_required() ) : ?>

<div class="comments-link">

	<?php comments_popup_link( '<span class="leave-reply">' . __( 'Reply', 'twentyeleven' ) . '</span>', _x( '1', 'comments number', 'twentyeleven' ), _x( '%', 'comments number', 'twentyeleven' ) ); ?>

</div>

<?php endif; ?>

</div><!-- .entry-header -->

add_action ('genesis_entry_header', 'add_comment_bubble_home', 2 );
function add_comment_bubble_home() {
if ( is_home() ) {
    get_template_part( 'comments_link' );
}}

add_filter( 'genesis_post_info', 'remove_comments_shortcode_post_info' );
function remove_comments_shortcode_post_info($post_info) {
	$post_info = '[post_date] by [post_author_posts_link] [post_edit]';
	return $post_info;
}

/* Comment Bubble
------------------------------------------------------------ */
.home .entry-header {
padding-right: 50px;
}

.comments-link {
float: right;
}

.comments-link a {
    background: url('https://kiwibomb.com/wp-content/uploads/2014/11/whiteicon1.png') no-repeat scroll 0 0 #EEEEEE;
    color: #666666;
    font-size: 15px;
    font-weight: normal;
    height: 36px;
    line-height: 35px;
    overflow: hidden;
    position: absolute;
    right: 20px;
    top: 0px;
    text-align: center;
    text-decoration: none;
    width: 43px;
}

.comments-link a:hover,
.comments-link a:focus,
.comments-link a:active {
    background-color: #3FC913;
    color: rgba(255, 255, 255, 0.8);
}

.comments-link .leave-reply {
    visibility: hidden;
}

Thanks!