CSSで利用可能なアイコン

アイコンを設定する全てのclassにspq--icを設定してください。

1.アイコン(class に ic--f14a を追加。)

<p class="spq--ic ic--f14a">テキストテキストテキスト</p>

2.アイコン(class に ic--f138 を追加。)

<p class="spq--ic ic--f138">テキストテキストテキスト</p>

3.アイコン(class に ic--f00c を追加。)

<p class="spq--ic ic--f00c">テキストテキストテキスト</p>

4.アイコン(class に ic--f303 を追加。)

<p class="spq--ic ic--f303">テキストテキストテキスト</p>

5.アイコン(class に ic--f1b0 を追加。)

<p class="spq--ic ic--f1b0">テキストテキストテキスト</p>

6.アイコン(class に ic--q を追加。)

<p class="spq--ic ic--q">テキストテキストテキスト</p>

7.アイコン(class に ic--a を追加。)

<p class="spq--ic ic--a">テキストテキストテキスト</p>

8.アイコン(class に ic--f35a を追加。)

<p class="spq--ic ic--f35a">テキストテキストテキスト</p>

9.アイコン(class に ic--f152 を追加。)

<p class="spq--ic ic--f152">テキストテキストテキスト</p>

10.アイコン(class に ic--f075 を追加。)

<p class="spq--ic ic--f075">テキストテキストテキスト</p>

11.アイコン(class に ic--f4ad を追加。)

<p class="spq--ic ic--f4ad">テキストテキストテキスト</p>

12.アイコン(class に ic--f0a4 を追加。)

<p class="spq--ic ic--f0a4">テキストテキストテキスト</p>

13.アイコン(class に ic--f05a を追加。)

<p class="spq--ic ic--f05a">テキストテキストテキスト</p>

14.アイコン(class に ic--f0eb を追加。)

<p class="spq--ic ic--f0eb">テキストテキストテキスト</p>

15.アイコン(class に ic--f1d8 を追加。)

<p class="spq--ic ic--f1d8">テキストテキストテキスト</p>

16.アイコン(class に ic--f04b を追加。)

<p class="spq--ic ic--f04b">テキストテキストテキスト</p>

17.黒アイコン(class に ic--cl-00 を追加。)

<p class="spq--ic ic--f04b ic--cl-00">テキストテキストテキスト</p>

18.背景灰+白アイコン(class に ic--cl-00 を追加。)

<p class="spq--h spq--ic h--ba-gray ic--f04b ic--cl-ff">テキストテキストテキスト</p>

19.黄色アイコン(class に ic--cl-br を追加。)

<p class="spq--ic ic--f04b ic--cl-yl">テキストテキストテキスト</p>

20.青アイコン(class に ic--cl-br を追加。)

<p class="spq--ic ic--f04b ic--cl-bl">テキストテキストテキスト</p>

21.赤アイコン(class に ic--cl-wt を追加。)

<p class="spq--ic ic--f04b ic--cl-rd">テキストテキストテキスト</p>

22.茶色アイコン(class に ic--cl-br を追加。)

<p class="spq--ic ic--f04b ic--cl-br">テキストテキストテキスト</p>

23.黄色+矢印アイコン(class に ic--cl-yl を追加。)

<p class="spq--ic ic--f35a ic--cl-yl">テキストテキストテキスト</p>