<polygon> вывод символа

[newjey]

Добрый день. Подскажите, есть у меня в карточке товара текст который открывается и скрывается по клику:

<div class="tab-pane active" id="tab-description" style="padding-top: 12px;"><div class="moreContent" data-height="200"><?php echo $description; ?></div>
</div>

<script src="https://cdnjs.cloudflare.com/ajax/libs/velocity/1.1.0/velocity.min.js"></script>
<script src="catalog/view/javascript/jquery.morecontent.js"></script>
  <script>
$(document).ready(function() {
$('.moreContent').moreContent({
height: 200,
duration: 1000,
btn: 'Все характеристики',
btnActive: 'Скрыть характеристики',
btnClass: 'btn-more-content'
});
});
  </script>

Но мен надо перед надписью Все характеристики вставить символ, который я нашел, выглядит он вот так:

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><polygon points="20,6.3 17.6,4 10,11.4 2.4,4 0,6.2 10,16"></polygon></svg>

 

Как можно его вставить?

Змінено 13 липня 2020 користувачем newjey

[whiteblue]

2 часа назад, newjey сказал:

Добрый день. Подскажите, есть у меня в карточке товара текст который открывается и скрывается по клику:

<div class="tab-pane active" id="tab-description" style="padding-top: 12px;"><div class="moreContent" data-height="200"><?php echo $description; ?></div>
</div>

<script src="https://cdnjs.cloudflare.com/ajax/libs/velocity/1.1.0/velocity.min.js"></script>
<script src="catalog/view/javascript/jquery.morecontent.js"></script>
  <script>
$(document).ready(function() {
$('.moreContent').moreContent({
height: 200,
duration: 1000,
btn: 'Все характеристики',
btnActive: 'Скрыть характеристики',
btnClass: 'btn-more-content'
});
});
  </script>

Но мен надо перед надписью Все характеристики вставить символ, который я нашел, выглядит он вот так:

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><polygon points="20,6.3 17.6,4 10,11.4 2.4,4 0,6.2 10,16"></polygon></svg>

 

Как можно его вставить?