Skip to contents

Search Icons

Usage

search_icon(pattern, output = c("viewer", "console"))

Arguments

pattern

Pattern to search for in icon's name.

output

View results in the viewer or in the console.

Value

If output = "console" a character vector, if output = "viewer" a shiny.tag.

Examples

search_icon("calendar")
#> <div>
#>   <div style="display: inline-block; text-align: center; margin: 5px;">
#>     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 256 256" class="phosphor-svg" height="64px" fill="currentColor" style="vertical-align:-0.25em;">
#>       <path d="M208,34H182V24a6,6,0,0,0-12,0V34H86V24a6,6,0,0,0-12,0V34H48A14,14,0,0,0,34,48V208a14,14,0,0,0,14,14H208a14,14,0,0,0,14-14V48A14,14,0,0,0,208,34ZM48,46H74V56a6,6,0,0,0,12,0V46h84V56a6,6,0,0,0,12,0V46h26a2,2,0,0,1,2,2V82H46V48A2,2,0,0,1,48,46ZM208,210H48a2,2,0,0,1-2-2V94H210V208A2,2,0,0,1,208,210Z"></path>
#>       <title>calendar-blank-light</title>
#>     </svg>
#>     <br/>
#>     calendar-blank
#>   </div>
#>   <div style="display: inline-block; text-align: center; margin: 5px;">
#>     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 256 256" class="phosphor-svg" height="64px" fill="currentColor" style="vertical-align:-0.25em;">
#>       <path d="M208,34H182V24a6,6,0,0,0-12,0V34H86V24a6,6,0,0,0-12,0V34H48A14,14,0,0,0,34,48V208a14,14,0,0,0,14,14H208a14,14,0,0,0,14-14V48A14,14,0,0,0,208,34ZM48,46H74V56a6,6,0,0,0,12,0V46h84V56a6,6,0,0,0,12,0V46h26a2,2,0,0,1,2,2V82H46V48A2,2,0,0,1,48,46ZM208,210H48a2,2,0,0,1-2-2V94H210V208A2,2,0,0,1,208,210Zm-39.6-86.1a6.1,6.1,0,0,1-.3,8.5l-46.7,44a5.7,5.7,0,0,1-4.1,1.6,6.4,6.4,0,0,1-4.1-1.6l-25.3-24a6,6,0,0,1,8.2-8.8l21.2,20.1,42.6-40.1A6.1,6.1,0,0,1,168.4,123.9Z"></path>
#>       <title>calendar-check-light</title>
#>     </svg>
#>     <br/>
#>     calendar-check
#>   </div>
#>   <div style="display: inline-block; text-align: center; margin: 5px;">
#>     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 256 256" class="phosphor-svg" height="64px" fill="currentColor" style="vertical-align:-0.25em;">
#>       <path d="M208,34H182V24a6,6,0,0,0-12,0V34H86V24a6,6,0,0,0-12,0V34H48A14,14,0,0,0,34,48V208a14,14,0,0,0,14,14H208a14,14,0,0,0,14-14V48A14,14,0,0,0,208,34Zm2,174a2,2,0,0,1-2,2H48a2,2,0,0,1-2-2V94H210Zm0-126H46V48a2,2,0,0,1,2-2H74V56a6,6,0,0,0,12,0V46h84V56a6,6,0,0,0,12,0V46h26a2,2,0,0,1,2,2ZM94,152a6,6,0,0,1,6-6h22V124a6,6,0,0,1,12,0v22h22a6,6,0,0,1,0,12H134v22a6,6,0,0,1-12,0V158H100A6,6,0,0,1,94,152Z"></path>
#>       <title>calendar-plus-light</title>
#>     </svg>
#>     <br/>
#>     calendar-plus
#>   </div>
#>   <div style="display: inline-block; text-align: center; margin: 5px;">
#>     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 256 256" class="phosphor-svg" height="64px" fill="currentColor" style="vertical-align:-0.25em;">
#>       <path d="M208,34H182V24a6,6,0,0,0-12,0V34H86V24a6,6,0,0,0-12,0V34H48A14,14,0,0,0,34,48V208a14,14,0,0,0,14,14H208a14,14,0,0,0,14-14V48A14,14,0,0,0,208,34ZM48,46H74V56a6,6,0,0,0,12,0V46h84V56a6,6,0,0,0,12,0V46h26a2,2,0,0,1,2,2V82H46V48A2,2,0,0,1,48,46ZM208,210H48a2,2,0,0,1-2-2V94H210V208A2,2,0,0,1,208,210Zm-51.8-77.8L136.5,152l19.7,19.8a5.9,5.9,0,1,1-8.4,8.4L128,160.5l-19.8,19.7a5.9,5.9,0,0,1-8.4-8.4L119.5,152,99.8,132.2a5.9,5.9,0,0,1,8.4-8.4L128,143.5l19.8-19.7a5.9,5.9,0,0,1,8.4,8.4Z"></path>
#>       <title>calendar-x-light</title>
#>     </svg>
#>     <br/>
#>     calendar-x
#>   </div>
#>   <div style="display: inline-block; text-align: center; margin: 5px;">
#>     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 256 256" class="phosphor-svg" height="64px" fill="currentColor" style="vertical-align:-0.25em;">
#>       <path d="M208,34H182V24a6,6,0,0,0-12,0V34H86V24a6,6,0,0,0-12,0V34H48A14,14,0,0,0,34,48V208a14,14,0,0,0,14,14H208a14,14,0,0,0,14-14V48A14,14,0,0,0,208,34ZM48,46H74V56a6,6,0,0,0,12,0V46h84V56a6,6,0,0,0,12,0V46h26a2,2,0,0,1,2,2V82H46V48A2,2,0,0,1,48,46ZM208,210H48a2,2,0,0,1-2-2V94H210V208A2,2,0,0,1,208,210Zm-82-46a22.1,22.1,0,0,1-22,22,21.8,21.8,0,0,1-15.5-6.4,6,6,0,0,1-.1-8.5,5.9,5.9,0,0,1,8.5,0A9.9,9.9,0,0,0,104,174a10,10,0,0,0,0-20,6,6,0,0,1-5.4-3.4,6.2,6.2,0,0,1,.7-6.4l8.2-10.2H92a6,6,0,0,1,0-12h28a6,6,0,0,1,4.7,9.7l-10.3,12.9A22,22,0,0,1,126,164Zm40-36v52a6,6,0,0,1-12,0V140l-6.4,4.8a6,6,0,0,1-8.4-1.2,5.9,5.9,0,0,1,1.2-8.4l16-12A6,6,0,0,1,166,128Z"></path>
#>       <title>calendar-light</title>
#>     </svg>
#>     <br/>
#>     calendar
#>   </div>
#> </div>
search_icon("text")
#> <div>
#>   <div style="display: inline-block; text-align: center; margin: 5px;">
#>     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 256 256" class="phosphor-svg" height="64px" fill="currentColor" style="vertical-align:-0.25em;">
#>       <path d="M166,104a6,6,0,0,1-6,6H96a6,6,0,0,1,0-12h64A6,6,0,0,1,166,104Zm-6,26H96a6,6,0,0,0,0,12h64a6,6,0,0,0,0-12Zm70-74V184a14,14,0,0,1-14,14H156.5a2.1,2.1,0,0,0-1.7,1L140,223.7a14,14,0,0,1-24,0L101.2,199a2.1,2.1,0,0,0-1.7-1H40a14,14,0,0,1-14-14V56A14,14,0,0,1,40,42H216A14,14,0,0,1,230,56Zm-12,0a2,2,0,0,0-2-2H40a2,2,0,0,0-2,2V184a2,2,0,0,0,2,2H99.5a14,14,0,0,1,12,6.8l14.8,24.7a1.9,1.9,0,0,0,3.4,0l14.8-24.7a14,14,0,0,1,12-6.8H216a2,2,0,0,0,2-2Z"></path>
#>       <title>chat-centered-text-light</title>
#>     </svg>
#>     <br/>
#>     chat-centered-text
#>   </div>
#>   <div style="display: inline-block; text-align: center; margin: 5px;">
#>     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 256 256" class="phosphor-svg" height="64px" fill="currentColor" style="vertical-align:-0.25em;">
#>       <path d="M128,26A102,102,0,0,0,39,177.8l-8.8,30.7a13.9,13.9,0,0,0,17.3,17.3L78.2,217A102,102,0,1,0,128,26Zm0,192a90,90,0,0,1-45.9-12.6,6.8,6.8,0,0,0-3.1-.8,4.1,4.1,0,0,0-1.6.2l-33.2,9.5a2,2,0,0,1-2.5-2.5l9.5-33.2a6,6,0,0,0-.6-4.7A90,90,0,1,1,128,218Zm38-106a6,6,0,0,1-6,6H96a6,6,0,0,1,0-12h64A6,6,0,0,1,166,112Zm0,32a6,6,0,0,1-6,6H96a6,6,0,0,1,0-12h64A6,6,0,0,1,166,144Z"></path>
#>       <title>chat-circle-text-light</title>
#>     </svg>
#>     <br/>
#>     chat-circle-text
#>   </div>
#>   <div style="display: inline-block; text-align: center; margin: 5px;">
#>     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 256 256" class="phosphor-svg" height="64px" fill="currentColor" style="vertical-align:-0.25em;">
#>       <path d="M132,26a98.2,98.2,0,0,0-98,98v84.3A13.7,13.7,0,0,0,47.7,222H132a98,98,0,0,0,0-196Zm0,184H47.7a1.7,1.7,0,0,1-1.7-1.7V124a86,86,0,1,1,86,86Zm34-98a6,6,0,0,1-6,6H100a6,6,0,0,1,0-12h60A6,6,0,0,1,166,112Zm0,32a6,6,0,0,1-6,6H100a6,6,0,0,1,0-12h60A6,6,0,0,1,166,144Z"></path>
#>       <title>chat-teardrop-text-light</title>
#>     </svg>
#>     <br/>
#>     chat-teardrop-text
#>   </div>
#>   <div style="display: inline-block; text-align: center; margin: 5px;">
#>     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 256 256" class="phosphor-svg" height="64px" fill="currentColor" style="vertical-align:-0.25em;">
#>       <path d="M216,50H40A14,14,0,0,0,26,64V222.8a13.9,13.9,0,0,0,8.1,12.7,13.7,13.7,0,0,0,5.9,1.3,13.9,13.9,0,0,0,9-3.3l32-26.9,1.7-.6H216a14,14,0,0,0,14-14V64A14,14,0,0,0,216,50Zm2,142a2,2,0,0,1-2,2H81.7a5.2,5.2,0,0,0-2.1.4l-3.7,1.3a5.8,5.8,0,0,0-1.8,1.1L41.3,224.4a2.1,2.1,0,0,1-3.3-1.6V64a2,2,0,0,1,2-2H216a2,2,0,0,1,2,2Zm-52-80a6,6,0,0,1-6,6H96a6,6,0,0,1,0-12h64A6,6,0,0,1,166,112Zm0,32a6,6,0,0,1-6,6H96a6,6,0,0,1,0-12h64A6,6,0,0,1,166,144Z"></path>
#>       <title>chat-text-light</title>
#>     </svg>
#>     <br/>
#>     chat-text
#>   </div>
#>   <div style="display: inline-block; text-align: center; margin: 5px;">
#>     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 256 256" class="phosphor-svg" height="64px" fill="currentColor" style="vertical-align:-0.25em;">
#>       <path d="M166,152a6,6,0,0,1-6,6H96a6,6,0,0,1,0-12h64A6,6,0,0,1,166,152Zm-6-38H96a6,6,0,0,0,0,12h64a6,6,0,0,0,0-12Zm54-66V216a14,14,0,0,1-14,14H56a14,14,0,0,1-14-14V48A14,14,0,0,1,56,34H93.2a45.8,45.8,0,0,1,69.6,0H200A14,14,0,0,1,214,48ZM94,64v2h68V64a34,34,0,0,0-68,0ZM202,48a2,2,0,0,0-2-2H170.3A44.9,44.9,0,0,1,174,64v8a6,6,0,0,1-6,6H88a6,6,0,0,1-6-6V64a44.9,44.9,0,0,1,3.7-18H56a2,2,0,0,0-2,2V216a2,2,0,0,0,2,2H200a2,2,0,0,0,2-2Z"></path>
#>       <title>clipboard-text-light</title>
#>     </svg>
#>     <br/>
#>     clipboard-text
#>   </div>
#>   <div style="display: inline-block; text-align: center; margin: 5px;">
#>     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 256 256" class="phosphor-svg" height="64px" fill="currentColor" style="vertical-align:-0.25em;">
#>       <path d="M182,208a6,6,0,0,1-6,6H160a38.1,38.1,0,0,1-32-17.5A38.1,38.1,0,0,1,96,214H80a6,6,0,0,1,0-12H96a26.1,26.1,0,0,0,26-26V134H104a6,6,0,0,1,0-12h18V80A26.1,26.1,0,0,0,96,54H80a6,6,0,0,1,0-12H96a38.1,38.1,0,0,1,32,17.5A38.1,38.1,0,0,1,160,42h16a6,6,0,0,1,0,12H160a26.1,26.1,0,0,0-26,26v42h18a6,6,0,0,1,0,12H134v42a26.1,26.1,0,0,0,26,26h16A6,6,0,0,1,182,208Z"></path>
#>       <title>cursor-text-light</title>
#>     </svg>
#>     <br/>
#>     cursor-text
#>   </div>
#>   <div style="display: inline-block; text-align: center; margin: 5px;">
#>     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 256 256" class="phosphor-svg" height="64px" fill="currentColor" style="vertical-align:-0.25em;">
#>       <path d="M212.2,83.8l-56-56A5.6,5.6,0,0,0,152,26H56A14,14,0,0,0,42,40V216a14,14,0,0,0,14,14H200a14,14,0,0,0,14-14V88A5.6,5.6,0,0,0,212.2,83.8ZM158,46.5,193.5,82H158ZM200,218H56a2,2,0,0,1-2-2V40a2,2,0,0,1,2-2h90V88a6,6,0,0,0,6,6h50V216A2,2,0,0,1,200,218Zm-34-82a6,6,0,0,1-6,6H96a6,6,0,0,1,0-12h64A6,6,0,0,1,166,136Zm0,32a6,6,0,0,1-6,6H96a6,6,0,0,1,0-12h64A6,6,0,0,1,166,168Z"></path>
#>       <title>file-text-light</title>
#>     </svg>
#>     <br/>
#>     file-text
#>   </div>
#>   <div style="display: inline-block; text-align: center; margin: 5px;">
#>     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 256 256" class="phosphor-svg" height="64px" fill="currentColor" style="vertical-align:-0.25em;">
#>       <path d="M136.1,149.1h0L85.3,53.2a6,6,0,0,0-10.6,0L23.9,149.1h0L2.7,189.2a6,6,0,1,0,10.6,5.6L32.8,158h94.4l19.5,36.8A6.1,6.1,0,0,0,152,198a5.5,5.5,0,0,0,2.8-.7,6,6,0,0,0,2.5-8.1Zm-97-3.1L80,68.8,120.9,146ZM208,96.9a40.2,40.2,0,0,0-28.2,11.2,6,6,0,0,0-.1,8.5,5.9,5.9,0,0,0,8.5,0,28.3,28.3,0,0,1,19.8-7.7c14.3,0,26,9.9,26,22v11.2a40.3,40.3,0,0,0-26-9.2c-21,0-38,15.3-38,34s17,34,38,34a40.3,40.3,0,0,0,26-9.2v.3a6,6,0,0,0,12,0V130.9C246,112.2,229,96.9,208,96.9Zm0,92c-14.3,0-26-9.9-26-22s11.7-22,26-22,26,9.9,26,22S222.3,188.9,208,188.9Z"></path>
#>       <title>text-aa-light</title>
#>     </svg>
#>     <br/>
#>     text-aa
#>   </div>
#>   <div style="display: inline-block; text-align: center; margin: 5px;">
#>     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 256 256" class="phosphor-svg" height="64px" fill="currentColor" style="vertical-align:-0.25em;">
#>       <path d="M34,68a6,6,0,0,1,6-6H216a6,6,0,0,1,0,12H40A6,6,0,0,1,34,68Zm30,34a6,6,0,0,0,0,12H192a6,6,0,0,0,0-12Zm152,40H40a6,6,0,0,0,0,12H216a6,6,0,0,0,0-12Zm-24,40H64a6,6,0,0,0,0,12H192a6,6,0,0,0,0-12Z"></path>
#>       <title>text-align-center-light</title>
#>     </svg>
#>     <br/>
#>     text-align-center
#>   </div>
#>   <div style="display: inline-block; text-align: center; margin: 5px;">
#>     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 256 256" class="phosphor-svg" height="64px" fill="currentColor" style="vertical-align:-0.25em;">
#>       <path d="M34,68a6,6,0,0,1,6-6H216a6,6,0,0,1,0,12H40A6,6,0,0,1,34,68Zm182,34H40a6,6,0,0,0,0,12H216a6,6,0,0,0,0-12Zm0,40H40a6,6,0,0,0,0,12H216a6,6,0,0,0,0-12Zm0,40H40a6,6,0,0,0,0,12H216a6,6,0,0,0,0-12Z"></path>
#>       <title>text-align-justify-light</title>
#>     </svg>
#>     <br/>
#>     text-align-justify
#>   </div>
#>   <div style="display: inline-block; text-align: center; margin: 5px;">
#>     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 256 256" class="phosphor-svg" height="64px" fill="currentColor" style="vertical-align:-0.25em;">
#>       <path d="M34,68a6,6,0,0,1,6-6H216a6,6,0,0,1,0,12H40A6,6,0,0,1,34,68Zm6,46H168a6,6,0,0,0,0-12H40a6,6,0,0,0,0,12Zm176,28H40a6,6,0,0,0,0,12H216a6,6,0,0,0,0-12Zm-48,40H40a6,6,0,0,0,0,12H168a6,6,0,0,0,0-12Z"></path>
#>       <title>text-align-left-light</title>
#>     </svg>
#>     <br/>
#>     text-align-left
#>   </div>
#>   <div style="display: inline-block; text-align: center; margin: 5px;">
#>     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 256 256" class="phosphor-svg" height="64px" fill="currentColor" style="vertical-align:-0.25em;">
#>       <path d="M34,68a6,6,0,0,1,6-6H216a6,6,0,0,1,0,12H40A6,6,0,0,1,34,68Zm182,34H88a6,6,0,0,0,0,12H216a6,6,0,0,0,0-12Zm0,40H40a6,6,0,0,0,0,12H216a6,6,0,0,0,0-12Zm0,40H88a6,6,0,0,0,0,12H216a6,6,0,0,0,0-12Z"></path>
#>       <title>text-align-right-light</title>
#>     </svg>
#>     <br/>
#>     text-align-right
#>   </div>
#>   <div style="display: inline-block; text-align: center; margin: 5px;">
#>     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 256 256" class="phosphor-svg" height="64px" fill="currentColor" style="vertical-align:-0.25em;">
#>       <path d="M166.7,116.4A42,42,0,0,0,140,42H64a6.2,6.2,0,0,0-6,6V200a6,6,0,0,0,6,6h88a46,46,0,0,0,14.7-89.6ZM70,54h70a30,30,0,0,1,0,60H70Zm82,140H70V126h82a34,34,0,0,1,0,68Z"></path>
#>       <title>text-bolder-light</title>
#>     </svg>
#>     <br/>
#>     text-bolder
#>   </div>
#>   <div style="display: inline-block; text-align: center; margin: 5px;">
#>     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 256 256" class="phosphor-svg" height="64px" fill="currentColor" style="vertical-align:-0.25em;">
#>       <path d="M150,56V176a6,6,0,0,1-12,0V122H46v54a6,6,0,0,1-12,0V56a6,6,0,0,1,12,0v54h92V56a6,6,0,0,1,12,0Zm61.9,86a34.3,34.3,0,0,0-11.9,2.1l4.9-30.1H240a6,6,0,0,0,0-12H199.8a6,6,0,0,0-5.9,5l-7.8,48.2a5.8,5.8,0,0,0,3.2,6.3,5.9,5.9,0,0,0,6.9-1,22.1,22.1,0,0,1,15.7-6.5,21.7,21.7,0,0,1,15.6,6.5,21.7,21.7,0,0,1,0,31,21.7,21.7,0,0,1-15.6,6.5,22.1,22.1,0,0,1-15.7-6.5,6,6,0,0,0-8.5.1,5.9,5.9,0,0,0,.1,8.4,34.2,34.2,0,0,0,48.2.1A34.1,34.1,0,0,0,246,176a34.1,34.1,0,0,0-34.1-34Z"></path>
#>       <title>text-h-five-light</title>
#>     </svg>
#>     <br/>
#>     text-h-five
#>   </div>
#>   <div style="display: inline-block; text-align: center; margin: 5px;">
#>     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 256 256" class="phosphor-svg" height="64px" fill="currentColor" style="vertical-align:-0.25em;">
#>       <path d="M150,56V176a6,6,0,0,1-12,0V122H46v54a6,6,0,0,1-12,0V56a6,6,0,0,1,12,0v54h92V56a6,6,0,0,1,12,0Zm86,74a6,6,0,0,0-6,6v26H196.5l21.2-60a6,6,0,1,0-11.4-4l-24,68a6.3,6.3,0,0,0,.8,5.5A6,6,0,0,0,188,174h42v26a6,6,0,0,0,12,0V136A6,6,0,0,0,236,130Z"></path>
#>       <title>text-h-four-light</title>
#>     </svg>
#>     <br/>
#>     text-h-four
#>   </div>
#>   <div style="display: inline-block; text-align: center; margin: 5px;">
#>     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 256 256" class="phosphor-svg" height="64px" fill="currentColor" style="vertical-align:-0.25em;">
#>       <path d="M150,56V176a6,6,0,0,1-12,0V122H46v54a6,6,0,0,1-12,0V56a6,6,0,0,1,12,0v54h92V56a6,6,0,0,1,12,0Zm72.8,46.7a6.1,6.1,0,0,0-6.1.3l-24,16a6,6,0,1,0,6.6,10l14.7-9.8V200a6,6,0,0,0,12,0V108A6,6,0,0,0,222.8,102.7Z"></path>
#>       <title>text-h-one-light</title>
#>     </svg>
#>     <br/>
#>     text-h-one
#>   </div>
#>   <div style="display: inline-block; text-align: center; margin: 5px;">
#>     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 256 256" class="phosphor-svg" height="64px" fill="currentColor" style="vertical-align:-0.25em;">
#>       <path d="M150,56V176a6,6,0,0,1-12,0V122H46v54a6,6,0,0,1-12,0V56a6,6,0,0,1,12,0v54h92V56a6,6,0,0,1,12,0ZM250,168a34,34,0,1,1-63.7-16.5l.3-.6,32.2-54a6.1,6.1,0,0,1,10.4,6.2l-18.8,31.4A33.8,33.8,0,0,1,250,168Zm-12,0a22,22,0,1,0-22,22A22.1,22.1,0,0,0,238,168Z"></path>
#>       <title>text-h-six-light</title>
#>     </svg>
#>     <br/>
#>     text-h-six
#>   </div>
#>   <div style="display: inline-block; text-align: center; margin: 5px;">
#>     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 256 256" class="phosphor-svg" height="64px" fill="currentColor" style="vertical-align:-0.25em;">
#>       <path d="M150,56V176a6,6,0,0,1-12,0V122H46v54a6,6,0,0,1-12,0V56a6,6,0,0,1,12,0v54h92V56a6,6,0,0,1,12,0Zm86,96a32.8,32.8,0,0,0-13.6-8.4l22.5-32.2a5.8,5.8,0,0,0,.4-6.2A5.9,5.9,0,0,0,240,102H192a6,6,0,0,0,0,12h36.5l-21.4,30.6a5.8,5.8,0,0,0-.4,6.2A5.9,5.9,0,0,0,212,154a22,22,0,1,1-15.6,37.6A5.9,5.9,0,0,0,188,200a33.9,33.9,0,1,0,48-48Z"></path>
#>       <title>text-h-three-light</title>
#>     </svg>
#>     <br/>
#>     text-h-three
#>   </div>
#>   <div style="display: inline-block; text-align: center; margin: 5px;">
#>     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 256 256" class="phosphor-svg" height="64px" fill="currentColor" style="vertical-align:-0.25em;">
#>       <path d="M150,56V176a6,6,0,0,1-12,0V122H46v54a6,6,0,0,1-12,0V56a6,6,0,0,1,12,0v54h92V56a6,6,0,0,1,12,0Zm90,138H204l36.7-49,.2-.2A30.4,30.4,0,0,0,246,128a30,30,0,0,0-57.6-11.7,6,6,0,1,0,11,4.7,18,18,0,0,1,34.6,7,17.2,17.2,0,0,1-3,9.9l-43.7,58.4A5.9,5.9,0,0,0,186,200a6,6,0,0,0,4.1,5.7,6.3,6.3,0,0,0,1.9.3h48a6,6,0,0,0,0-12Z"></path>
#>       <title>text-h-two-light</title>
#>     </svg>
#>     <br/>
#>     text-h-two
#>   </div>
#>   <div style="display: inline-block; text-align: center; margin: 5px;">
#>     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 256 256" class="phosphor-svg" height="64px" fill="currentColor" style="vertical-align:-0.25em;">
#>       <path d="M206,56V200a6,6,0,0,1-12,0V134H62v66a6,6,0,0,1-12,0V56a6,6,0,0,1,12,0v66H194V56a6,6,0,0,1,12,0Z"></path>
#>       <title>text-h-light</title>
#>     </svg>
#>     <br/>
#>     text-h
#>   </div>
#>   <div style="display: inline-block; text-align: center; margin: 5px;">
#>     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 256 256" class="phosphor-svg" height="64px" fill="currentColor" style="vertical-align:-0.25em;">
#>       <path d="M222,128a6,6,0,0,1-6,6H112a6,6,0,0,1,0-12H216A6,6,0,0,1,222,128ZM112,70H216a6,6,0,0,0,0-12H112a6,6,0,0,0,0,12ZM216,186H40a6,6,0,0,0,0,12H216a6,6,0,0,0,0-12ZM35.8,140.2a5.8,5.8,0,0,0,8.4,0l40-40a5.8,5.8,0,0,0,0-8.4l-40-40a5.9,5.9,0,0,0-8.4,8.4L71.5,96,35.8,131.8A5.8,5.8,0,0,0,35.8,140.2Z"></path>
#>       <title>text-indent-light</title>
#>     </svg>
#>     <br/>
#>     text-indent
#>   </div>
#>   <div style="display: inline-block; text-align: center; margin: 5px;">
#>     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 256 256" class="phosphor-svg" height="64px" fill="currentColor" style="vertical-align:-0.25em;">
#>       <path d="M198,56a6,6,0,0,1-6,6H156.3l-44,132H144a6,6,0,0,1,0,12H64a6,6,0,0,1,0-12H99.7l44-132H112a6,6,0,0,1,0-12h80A6,6,0,0,1,198,56Z"></path>
#>       <title>text-italic-light</title>
#>     </svg>
#>     <br/>
#>     text-italic
#>   </div>
#>   <div style="display: inline-block; text-align: center; margin: 5px;">
#>     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 256 256" class="phosphor-svg" height="64px" fill="currentColor" style="vertical-align:-0.25em;">
#>       <path d="M222,128a6,6,0,0,1-6,6H112a6,6,0,0,1,0-12H216A6,6,0,0,1,222,128ZM112,70H216a6,6,0,0,0,0-12H112a6,6,0,0,0,0,12ZM216,186H40a6,6,0,0,0,0,12H216a6,6,0,0,0,0-12ZM72,142a6,6,0,0,0,4.2-10.2L40.5,96,76.2,60.2a5.9,5.9,0,0,0-8.4-8.4l-40,40a5.8,5.8,0,0,0,0,8.4l40,40A5.8,5.8,0,0,0,72,142Z"></path>
#>       <title>text-outdent-light</title>
#>     </svg>
#>     <br/>
#>     text-outdent
#>   </div>
#>   <div style="display: inline-block; text-align: center; margin: 5px;">
#>     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 256 256" class="phosphor-svg" height="64px" fill="currentColor" style="vertical-align:-0.25em;">
#>       <path d="M222,128a6,6,0,0,1-6,6H169.4c11.3,6.9,20.6,17.4,20.6,34,0,25.4-27.8,46-62,46s-62-20.6-62-46a6,6,0,0,1,12,0c0,18.7,22.4,34,50,34s50-15.3,50-34-15.5-26.6-40.5-34H40a6,6,0,0,1,0-12H216A6,6,0,0,1,222,128ZM76.3,102a5.8,5.8,0,0,0,1.9-.3A5.9,5.9,0,0,0,82,94.1a19.5,19.5,0,0,1-.9-6.1c0-19.4,20.2-34,46.9-34,20.3,0,37.6,8.7,44.1,22.1a6.1,6.1,0,0,0,8.1,2.8,6,6,0,0,0,2.7-8C174.2,53.1,153.2,42,128,42,94.4,42,69.1,61.8,69.1,88a32.1,32.1,0,0,0,1.5,9.9A6.1,6.1,0,0,0,76.3,102Z"></path>
#>       <title>text-strikethrough-light</title>
#>     </svg>
#>     <br/>
#>     text-strikethrough
#>   </div>
#>   <div style="display: inline-block; text-align: center; margin: 5px;">
#>     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 256 256" class="phosphor-svg" height="64px" fill="currentColor" style="vertical-align:-0.25em;">
#>       <path d="M214,56V88a6,6,0,0,1-12,0V62H134V194h26a6,6,0,0,1,0,12H96a6,6,0,0,1,0-12h26V62H54V88a6,6,0,0,1-12,0V56a6,6,0,0,1,6-6H208A6,6,0,0,1,214,56Z"></path>
#>       <title>text-t-light</title>
#>     </svg>
#>     <br/>
#>     text-t
#>   </div>
#>   <div style="display: inline-block; text-align: center; margin: 5px;">
#>     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 256 256" class="phosphor-svg" height="64px" fill="currentColor" style="vertical-align:-0.25em;">
#>       <path d="M222,216a6,6,0,0,1-6,6H40a6,6,0,0,1,0-12H216A6,6,0,0,1,222,216Zm-94-26a70.1,70.1,0,0,0,70-70V56a6,6,0,0,0-12,0v64a58,58,0,0,1-116,0V56a6,6,0,0,0-12,0v64A70.1,70.1,0,0,0,128,190Z"></path>
#>       <title>text-underline-light</title>
#>     </svg>
#>     <br/>
#>     text-underline
#>   </div>
#>   <div style="display: inline-block; text-align: center; margin: 5px;">
#>     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 256 256" class="phosphor-svg" height="64px" fill="currentColor" style="vertical-align:-0.25em;">
#>       <path d="M112,42a6,6,0,0,0-6,6V66H24A14,14,0,0,0,10,80v96a14,14,0,0,0,14,14h82v18a6,6,0,0,0,12,0V48A6,6,0,0,0,112,42ZM24,178a2,2,0,0,1-2-2V80a2,2,0,0,1,2-2h82V178ZM246,80v96a14,14,0,0,1-14,14H144a6,6,0,0,1,0-12h88a2,2,0,0,0,2-2V80a2,2,0,0,0-2-2H144a6,6,0,0,1,0-12h88A14,14,0,0,1,246,80ZM84,112a6,6,0,0,1-6,6H70v30a6,6,0,0,1-12,0V118H50a6,6,0,0,1,0-12H78A6,6,0,0,1,84,112Z"></path>
#>       <title>textbox-light</title>
#>     </svg>
#>     <br/>
#>     textbox
#>   </div>
#> </div>