--- url: 'https://dxpr.com/pl/hc/documentation/learn-dxpr-builder/elements/icon' title: 'Dodawanie ikony | DXPR' author: name: Jurriaan url: 'https://dxpr.com/users/jurriaan' date: '2026-10-24T01:35:06+00:00' updated: '2026-10-24T09:09:48+00:00' copyright: 'Copyright DXPR. All rights reserved.' type: article summary: 'Otrzymujesz ostrą ikonę w dowolnym rozmiarze, samą albo w kolorowym kształcie. Użyj jej do oznaczenia nagłówka, zbudowania siatki funkcji albo dodania małego klikalnego linku.' tags: - 'Data en beweging' image: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg' published: true og: site_name: DXPR updated_time: '2026-10-24T09:09:48+0000' 'image:alt': 'DXPR, powered by Drupal: AI-powered Drupal for marketers.' schema: '@context': 'https://schema.org' '@graph': - mainEntity: { } - '@type': TechArticle headline: 'Dodawanie ikony' description: 'Otrzymujesz ostrą ikonę w dowolnym rozmiarze, samą albo w kolorowym kształcie. Użyj jej do oznaczenia nagłówka, zbudowania siatki funkcji albo dodania małego klikalnego linku.' image: '@type': ImageObject url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg' width: '1200' height: '630' datePublished: '2026-10-24T01:35:06+0000' dateModified: '2026-10-24T09:09:48+0000' author: '@type': Organization '@id': 'https://dxpr.com/#organization' name: DXPR url: 'https://dxpr.com/' logo: '@type': ImageObject url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg' width: '1348' height: '501' publisher: '@type': Organization '@id': 'https://dxpr.com/#organization' name: DXPR url: 'https://dxpr.com/' logo: '@type': ImageObject url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg' width: '1348' height: '501' mainEntityOfPage: 'https://dxpr.com/pl/hc/documentation/learn-dxpr-builder/elements/icon' articleSection: 'Data en beweging' - '@type': WebPage '@id': 'https://dxpr.com/pl/hc/documentation/learn-dxpr-builder/elements/icon' description: 'Otrzymujesz ostrą ikonę w dowolnym rozmiarze, samą albo w kolorowym kształcie. Użyj jej do oznaczenia nagłówka, zbudowania siatki funkcji albo dodania małego klikalnego linku.' breadcrumb: '@type': BreadcrumbList itemListElement: - '@type': ListItem position: 1 name: 'Strona Główna' item: 'https://dxpr.com/pl' publisher: '@type': Organization '@id': 'https://dxpr.com/#organization' name: DXPR inLanguage: pl --- [Help Center](/pl/hc)/[Documentation](/pl/hc/documentation) /[Learn DXPR Builder](/hc/documentation/learn-dxpr-builder) /[Build pages](/hc/documentation/learn-dxpr-builder/build) /[Add content](/hc/documentation/learn-dxpr-builder/elements) /[Data en beweging](/hc/documentation/learn-dxpr-builder/elements/data-and-motion) # Dodawanie ikony. Learn DXPR BuilderBuild pagesAdd contentData en beweging ## In this guide Related guides - [Zmień wygląd elementu w panelu Styl](/pl/hc/documentation/learn-dxpr-builder/element-settings/style-tab) Otrzymujesz ostrą ikonę w dowolnym rozmiarze, samą albo w kolorowym kształcie. Użyj jej do oznaczenia nagłówka, zbudowania siatki funkcji albo dodania małego klikalnego linku. ## Dodaj ikonę Otwórz swoją stronę po zalogowaniu: przyciski kreatora pojawiają się po najechaniu na obszar treści. [Twoja pierwsza strona](/hc/documentation/learn-dxpr-builder/getting-started/first-page) przedstawia podstawy. 1. Najedź na kolumnę i kliknij **+** na jej pasku sterowania albo kliknij **Add Elements** na pustej stronie. Otwórz zakładkę **Treść** i kliknij **ikonę**. Ikona pojawi się na górze kolumny i otworzy się okno ustawień. 2. W polu **Ikona** u góry okna wybierz zestaw ikon, wpisz szukaną frazę w polu **Search** i kliknij ikonę. Zostanie podświetlona, a nazwa jej klasy pokaże się pod siatką. 3. Wybierz **Rozmiar**, na przykład **Very Large (3x)**. 4. Kliknij nagłówek **Icon utilities**, aby go rozwinąć, i ustaw **Styl** na **Circle**. 5. Kliknij **Zapisz** w oknie dialogowym. Następnie kliknij **Zapisz** na pasku narzędzi u góry obszaru treści, aby zapisać stronę. ## Co widzisz Wybrana ikona pokazuje się w wybranym rozmiarze, domyślnie biała w ciemnoszarym kole. Na filmie rakieta pojawia się w rozmiarze Very Large (3x), trzy razy większym od zwykłego. Odwiedzający zobaczą ją po zapisaniu i opublikowaniu strony. ## Skonfiguruj ikonę Najedź na element i otwórz **More > Settings** na jego pasku sterowania. Opcje: - **Ikona:** selektor z polem **Search**, listą zestawów ikon i siatką ikon. - **Rozmiar:** Normal, Large, Extra Large (2x), Very Large (3x), Huge (4x) albo Gigantic (5x). - **Link:** sprawia, że ikonę można klikać. - **Cel linku:** Same window albo New window. Widać go po dodaniu linku. - **Styl:** kształt za ikoną: None, Rounded, Circle albo Square. Znajduje się w sekcji **Icon utilities**. - **Animacja ikony:** No, Spin albo Pulse. - **Orientacja ikony:** Normal, Rotate 90, Rotate 180, Rotate 270, Flip horizontal albo Flip vertical. ## Jeśli jej nie widać - **Ikona nie występuje w zakładce Treść.** Twój profil użytkownika ją ukrywa. Poproś administratora o włączenie jej na stronie [Profile użytkowników](/hc/documentation/learn-dxpr-builder/admin/user-profiles-admin). - **Zniknęła po przeładowaniu.** Strona nie została zapisana. Dodaj ją ponownie i kliknij **Zapisz** na pasku narzędzi u góry obszaru treści. - **Ikony, której szukasz, nie ma w selektorze.** Twój profil użytkownika ogranicza zestawy ikon. Poproś administratora o dodanie zestawu na stronie [Profile użytkowników](/hc/documentation/learn-dxpr-builder/admin/user-profiles-admin). - **Ikona jest za mała, aby ją zauważyć.** **Rozmiar** to Normal albo Large. Najedź na element i otwórz **More > Settings**, a następnie wybierz Extra Large (2x) albo większy. - **Koło ma zły kolor.** Kształt jest domyślnie ciemnoszary. Najedź na element i otwórz **More > Settings**, kliknij nagłówek **Styl** u dołu i ustaw **Tło**. Pole **Font color** zmienia samą ikonę. ## Co dalej? [Panel Styl](/pl/hc/documentation/learn-dxpr-builder/element-settings/style-tab), aby zmienić kolory i odstępy ikony.