Learn English – the typography term which refers to the usage of bold, italics, and underline styles simultaneously

You are right on both counts and I like your version of the sentence the best. There is no need for "30-minute" but it is acceptable and "15- to 30-minutes" is a fine suggestion by @FumbleFingers. I used thepunctuationguide.com as my reference.

It's a visual pun.

Visual pun is quite a broad graphic design term. Somewhat inevitably, Buzzfeed has a list of visual puns which is as good a way of understanding the term as anything else.

What's going on in your example - replacing characters of a logotype with a related image - is just one of many possible kinds of visual pun. There may well be a more precise term, but not one I'm aware of.

According to Wikipedia:

A visual pun is a pun involving an image or images (in addition to or instead of language), often based on a rebus.

The word rebus is worth some consideration itself; Oxford Living Dictionaries defines it as:

A puzzle in which words are represented by combinations of pictures and individual letters; for instance, apex might be represented by a picture of an ape followed by a letter X.

One example of a rebus follows:

While the underlying logic is somewhat different, there are clear visual parallels between rebuses and visual puns of the type in your example.

To return to visual puns, one of the examples the Wikipedia article referenced above gives is the emblem of the 148th Fighter Squadron, 162nd Fighter Wing, Arizona Air National Guard, USAF:

One of the more famous examples in North American corporate logo design, one with more complex punning, is shown below:

(While I wouldn't claim there is anything terribly sophisticated going on here, the puns here do work on several levels; they are left as an exercise to the reader to fully explicate at his or her own leisure.)

The idea of visual puns is nothing new, of course. You could look for (and find) analogues in ideographic writing systems, like those of China and the greater Sinosphere, as well as in the hieroglyphs of ancient Egypt, not least in what linguists term the rebus principle:

the use of existing symbols, such as pictograms, purely for their sounds regardless of their meaning, to represent new words.

Canting arms are a more direct predecessor. Common in continental heraldry, canting arms use visual puns to convey the name of the arms-bearer - presumably as a practical measure in times of more limited literacy, or, at least, as an aide-mémoire for befuddled heralds, as well as being a source of some small amusement.

For example, the city of Berlin's coat of arms features a large black bear. This phonic association between bear and Berlin, which works in German as well as it does in English, has nothing to do with the actual etymology of the placename.

Again, the word rebus is rather closely associated with canting arms. A further definition of rebus is:

historical An ornamental device associated with a person to whose name it punningly alludes.

Wikipedia points out that a person of note might well have a rebus as a personal emblem, used perhaps to decorate buildings or as a seal, and entirely separate from their coat of arms.

The term canting also gives rise to ye olde punne, for which I assume no responsibility:

Heralds don't pun; they cant.