Ikona telefon – co oznacza i jak ją wykorzystać w projektach?
Ikony telefonu możesz skopiować bezpośrednio jako znaki Unicode lub emoji. Zaznacz wybrany symbol, użyj Ctrl+C, a następnie wklej go w dokumencie, wiadomości, edytorze strony albo projekcie graficznym.
Ikona telefon do skopiowania
Znaki Unicode mają zwykle prostszą, monochromatyczną formę. Emoji mogą wyświetlać się jako kolorowe ikony, zależnie od systemu operacyjnego, przeglądarki i użytej czcionki:
- ☎️ Czarny telefon
- 📞 Słuchawka telefoniczna
- 📱 Telefon komórkowy
- 📲 Telefon komórkowy ze strzałką
- 📳 Tryb wibracji
- 📵 Zakaz używania telefonu komórkowego
- 📴 Wyłączenie telefonu komórkowego
- ✆ Telefon – symbol tekstowy
Kody ALT dla symboli telefonu
Na komputerach z systemem Windows wybrane znaki można wprowadzić za pomocą kodu ALT. Przytrzymaj klawisz Alt i wpisz numer na klawiaturze numerycznej:
| Symbol | Opis | Kod ALT |
|---|---|---|
| ✆ | Symbol telefonu | ALT + 9990 |
| ☎ | Czarny telefon | ALT + 9742 |
| ☏ | Telefon z ozdobną słuchawką | ALT + 9743 |
Działanie kodów ALT może zależeć od układu klawiatury, aplikacji i systemu operacyjnego. Na macOS, Androidzie oraz iOS wygodniejsze będzie bezpośrednie skopiowanie znaku albo użycie panelu emoji.
Jak wykorzystać ikonę telefonu w projekcie?
Symbol Unicode jest elementem tekstowym, więc może dziedziczyć właściwości czcionki. W projekcie internetowym zmienisz jego rozmiar i kolor tak samo jak w przypadku zwykłego tekstu:
<span class="telefon">☎</span>
.telefon { color: #1a73e8; font-size: 1.5rem; }
W CSS można też użyć zapisu Unicode w pseudoelementach, na przykład content: "\260E";. Wybierz znak tekstowy, gdy potrzebujesz kontroli nad kolorem i rozmiarem. Emoji sprawdzi się wtedy, gdy zależy Ci na kolorowym wyglądzie, ale jego forma może różnić się między Windows, macOS, Androidem i innymi platformami.
W starszych czcionkach niektóre symbole mogą nie być dostępne. Jeśli znak wyświetla się jako pusty kwadrat, użyj innej czcionki lub zastąp go grafiką wektorową.
