• Gündem
  • Alışveriş
  • Finans
  • YaCevapYaCevap
  • YaÖzet
  • Seyahat
  • Video
  • Görsel
  • Ana Sayfa
  • TeknolojiTeknoloji
  • Psikoloji ve İlişkiler
  • Bilim ve Eğitim
  • Yemek
  • Kültür ve Sanat
  • Filmler ve Diziler
  • Ekonomi ve Finans
  • Oyun
  • Spor
  • Güzellik ve Moda
  • Faydalı İpuçları
  • Otomobil
  • Hukuk
  • Seyahat
  • Hayvanlar ve doğa
  • Sağlık
  • Diğer
  • Buradasın
    • YaCevap ›
    • Teknoloji ›

    Icon kodu nereye yazılır?

    • Teknoloji
    • WebGeliştirme
    • HTML
    • CSS

    Yazeka

    Arama sonuçlarına göre oluşturuldu

    Icon (favicon) kodu, web sayfasının HTML kodunda 
    <head>
    etiketi arasına yazılır 14.
    Örnek kod:
    <link rel="icon" href="favicon adresi" type="image/x-icon" />
    Burada 
    favicon adresi
    , favicon dosyasının adresini belirtir 1.
    Ayrıca, hosting hizmetinin Dosya Yöneticisi'ne .png veya .ico dosyası olarak görseli yüklemek de mümkündür 2. Bu durumda, logonun tarayıcı tarafından otomatik olarak algılanması için dosyanın web sitesinin kök dizinine (root directory) yüklenmesi gerekir 2.
    5 kaynaktan alınan bilgiyle göre:

      Yanıtı değerlendir

      5 kaynak

      1. w3schools.com
        1
      2. 1kodum.com
        2
      3. scouthtml.com
        3
      4. uzmanimakademi.net
        4
      5. geeksforgeeks.org
        5

    • Font Awesome nasıl kullanılır?

    • HTML <link> elemanı ne işe yarar?

    • Favicon nedir ve nasıl oluşturulur?

    • Daha fazla bilgi

    Konuyla ilgili materyaller

    İcon kodları nereden alınır?

    İkon kodları aşağıdaki kaynaklardan alınabilir: Font Awesome: fontawesome.com sitesine gidilip oturum açıldıktan sonra, HTML sayfasının `<head>` bölümüne eklenecek bir kod alınabilir. Flaticon: flaticon.com sitesindeki "uicons" bölümünden ikon kodları incelenebilir. Google İkonları: Google ikonlarını kullanmak için HTML sayfasının `<head>` bölümüne `fonts.googleapis.com/icon?family=Material+Icons` bağlantısı eklenebilir.
    • Teknoloji
    • WebGeliştirme
    • HTML
    • İkonlar
    5 kaynak

    Icon ne anlama gelir?

    İkon kelimesi, Fransızca kökenli olup "simge" anlamına gelir. Ayrıca, ikon kelimesinin diğer anlamları şunlardır: Bazı dinlerde kutsal sayılan kişilerin resimlerinin çeşitli boyalarla tahta üzerine yapılması; Bilgisayarlarda kullanılacak bir programı simgeleyen resim; En iyi örnek veya temsilci olarak görülen kişi veya şey.
    • Teknoloji
    • Bilgisayar
    • SözcükAnlamı
    • Kültür
    5 kaynak
  • Yazeka nedir?
Seçili sitelerdeki metinlere göre Yazeka tarafından oluşturulan yanıtlardır. Hatalar içerebilir. Önemli bilgileri kontrol ediniz.
  • © 2025 Yandex
  • Gizlilik politikası
  • Kullanıcı sözleşmesi
  • Hata bildir
  • Şirket hakkında
{"k6jt0":{"state":{"logoProps":{"url":"https://yandex.com.tr"},"formProps":{"action":"https://yandex.com.tr/search","searchLabel":"Bul"},"services":{"activeItemId":"answers","items":[{"url":"https://yandex.com.tr/gundem/","title":"Gündem","id":"agenda"},{"url":"https://yandex.com.tr/shopping/","title":"Alışveriş","id":"shopping"},{"url":"https://yandex.com.tr/finance/","title":"Finans","id":"finance"},{"url":"https://yandex.com.tr/yacevap/","title":"YaCevap","id":"answers"},{"url":"https://yandex.com.tr/yaozet/","title":"YaÖzet","id":"summary"},{"url":"https://yandex.com.tr/travel/","title":"Seyahat","id":"travel"},{"url":"https://yandex.com.tr/video/search?text=popüler+videolar","title":"Video","id":"video"},{"url":"https://yandex.com.tr/gorsel/","title":"Görsel","id":"images"}]},"userProps":{"loggedIn":false,"ariaLabel":"Menü","plus":false,"birthdayHat":false,"child":false,"dialogProps":{"host":"yandex.com.tr","lang":"tr","project":"neurolib","queryParams":{"exp_flags":"skin","preset":"oceania","utm_source":"portal-neurolib"},"retpath":"https%3A%2F%2Fyandex.com.tr%2Fyacevap%2Fc%2Fteknoloji%2Fq%2Ficon-kodu-nereye-yazilir-1173973613%3Fncrnd%3D53114","tld":"com.tr","platform":"desktop"},"className":"PortalHeader-User"},"suggestProps":{"selectors":{"form":".HeaderForm","input":".HeaderForm-Input","submit":".HeaderForm-Submit","clear":".HeaderForm-Clear","layout":".HeaderForm-InputWrapper"},"suggestUrl":"https://yandex.com.tr/suggest/suggest-ya.cgi?show_experiment=222&show_experiment=224","deleteUrl":"https://yandex.com.tr/suggest-delete-text?srv=web&text_to_delete=","suggestPlaceholder":"Yapay zeka ile bul","platform":"desktop","hideKeyboardOnScroll":false,"additionalFormClasses":["mini-suggest_theme_tile","mini-suggest_overlay_tile","mini-suggest_expanding_yes","mini-suggest_prevent-empty_yes","mini-suggest_type-icon_yes","mini-suggest_personal_yes","mini-suggest_type-icon_yes","mini-suggest_rich_yes","mini-suggest_overlay_dark","mini-suggest_large_yes","mini-suggest_copy-fact_yes","mini-suggest_clipboard_yes","mini-suggest_turboapp_yes","mini-suggest_expanding_yes","mini-suggest_affix_yes","mini-suggest_carousel_yes","mini-suggest_traffic_yes","mini-suggest_re-request_yes","mini-suggest_source_yes","mini-suggest_favicon_yes","mini-suggest_more","mini-suggest_long-fact_yes","mini-suggest_hide-keyboard_yes","mini-suggest_clear-on-submit_yes","mini-suggest_focus-on-change_yes","mini-suggest_short-fact_yes","mini-suggest_app_yes","mini-suggest_grouping_yes","mini-suggest_entity-suggest_yes","mini-suggest_redesigned-navs_yes","mini-suggest_title-multiline_yes","mini-suggest_type-icon-wrapped_yes","mini-suggest_fulltext-highlight_yes","mini-suggest_fulltext-insert_yes","mini-suggest_lines_multi"],"counter":{"service":"neurolib_com_tr_desktop","url":"//yandex.ru/clck/jclck","timeout":300,"params":{"dtype":"stred","pid":"0","cid":"2873"}},"noSubmit":false,"formAction":"https://yandex.com.tr/search","tld":"com.tr","suggestParams":{"srv":"serp_com_tr_desktop","wiz":"TrWth","yu":"3081061931762401628","lr":20815,"uil":"tr","fact":1,"v":4,"use_verified":1,"safeclick":1,"skip_clickdaemon_host":1,"rich_nav":1,"verified_nav":1,"rich_phone":1,"use_favicon":1,"nav_favicon":1,"mt_wizard":1,"history":1,"nav_text":1,"maybe_ads":1,"icon":1,"hl":1,"n":10,"portal":1,"platform":"desktop","mob":0,"extend_fw":1,"suggest_entity_desktop":"1","entity_enrichment":"1","entity_max_count":"5"},"disableWebSuggest":false},"context":{"query":"","reqid":"1762401767090874-421097067340284979-balancer-l7leveler-kubr-yp-sas-88-BAL","lr":"20815","aliceDeeplink":"{\"text\":\"\"}"},"baobab":{"parentNode":{"context":{"genInfo":{"prefix":"k6jtw01-0-1"},"ui":"desktop","service":"neurolib","fast":{"name":"neuro_library","subtype":"header"}}}}},"type":"neuro_library","subtype":"header"},"k6jt1":{"state":{"links":[{"id":"main","url":"/yacevap/","title":"Ana Sayfa","target":"_self"},{"id":"technologies","url":"/yacevap/c/teknoloji","title":"Teknoloji","target":"_self"},{"id":"psychology-and-relationships","url":"/yacevap/c/psikoloji-ve-iliskiler","title":"Psikoloji ve İlişkiler","target":"_self"},{"id":"science-and-education","url":"/yacevap/c/bilim-ve-egitim","title":"Bilim ve Eğitim","target":"_self"},{"id":"food","url":"/yacevap/c/yemek","title":"Yemek","target":"_self"},{"id":"culture-and-art","url":"/yacevap/c/kultur-ve-sanat","title":"Kültür ve Sanat","target":"_self"},{"id":"tv-and-films","url":"/yacevap/c/filmler-ve-diziler","title":"Filmler ve Diziler","target":"_self"},{"id":"economics-and-finance","url":"/yacevap/c/ekonomi-ve-finans","title":"Ekonomi ve Finans","target":"_self"},{"id":"games","url":"/yacevap/c/oyun","title":"Oyun","target":"_self"},{"id":"sport","url":"/yacevap/c/spor","title":"Spor","target":"_self"},{"id":"beauty-and-style","url":"/yacevap/c/guzellik-ve-moda","title":"Güzellik ve Moda","target":"_self"},{"id":"useful-tips","url":"/yacevap/c/faydali-ipuclari","title":"Faydalı İpuçları","target":"_self"},{"id":"auto","url":"/yacevap/c/otomobil","title":"Otomobil","target":"_self"},{"id":"law","url":"/yacevap/c/hukuk","title":"Hukuk","target":"_self"},{"id":"travel","url":"/yacevap/c/seyahat","title":"Seyahat","target":"_self"},{"id":"animals-and-nature","url":"/yacevap/c/hayvanlar-ve-doga","title":"Hayvanlar ve doğa","target":"_self"},{"id":"health","url":"/yacevap/c/saglik","title":"Sağlık","target":"_self"},{"id":"other","url":"/yacevap/c/diger","title":"Diğer","target":"_self"}],"activeLinkId":"technologies","title":"Kategoriler","baobab":{"parentNode":{"context":{"genInfo":{"prefix":"k6jtw02-0-1"},"ui":"desktop","service":"neurolib","fast":{"name":"neuro_library","subtype":"header-categories"}}}}},"type":"neuro_library","subtype":"header-categories"},"k6jt2":{"state":{"tld":"com.tr","markdown":"**Icon (favicon) kodu**, web sayfasının HTML kodunda `\u003chead>` etiketi arasına yazılır [```1```](https://www.yusufsezer.com.tr/html-favicon-ekleme/)[```4```](https://mustafakarsli.com/makale/25/HTML/Web-Sayfasina-Favicon-Ekleme.html).\n\nÖrnek kod:\n```html\n\u003clink rel=\"icon\" href=\"favicon adresi\" type=\"image/x-icon\" />\n```\n\nBurada `favicon adresi`, favicon dosyasının adresini belirtir [```1```](https://www.yusufsezer.com.tr/html-favicon-ekleme/).\n\nAyrıca, hosting hizmetinin Dosya Yöneticisi'ne .png veya .ico dosyası olarak görseli yüklemek de mümkündür [```2```](https://ikas.com/tr/blog/favicon-nedir-nasil-kullanilir). Bu durumda, logonun tarayıcı tarafından otomatik olarak algılanması için dosyanın web sitesinin kök dizinine (root directory) yüklenmesi gerekir [```2```](https://ikas.com/tr/blog/favicon-nedir-nasil-kullanilir).","sources":[{"sourceId":1,"url":"https://www.w3schools.com/html/html_favicon.asp","title":"HTML Favicon","shownUrl":"https://www.w3schools.com/html/html_favicon.asp","rel":"nofollow"},{"sourceId":2,"url":"https://1kodum.com/css-ikon/","title":"Web Sayfalarına İkon Nasıl Eklenir? | 1Kodum","shownUrl":"https://1kodum.com/css-ikon/","rel":"nofollow"},{"sourceId":3,"url":"https://scouthtml.com/icon-code-in-html/","title":"How to Use Icon Code in HTML: A Comprehensive Guide...","shownUrl":"https://scouthtml.com/icon-code-in-html/","rel":"nofollow"},{"sourceId":4,"url":"https://uzmanimakademi.net/css/css-ikon","title":"CSS İkon","shownUrl":"https://uzmanimakademi.net/css/css-ikon","rel":"nofollow"},{"sourceId":5,"url":"https://www.geeksforgeeks.org/how-to-add-icons-in-html/","title":"How to Add Icons in HTML? | GeeksforGeeks","shownUrl":"https://www.geeksforgeeks.org/how-to-add-icons-in-html/","rel":"nofollow"}],"isHermione":false,"headerProps":{"header":"Icon kodu nereye yazılır?","homeUrl":"/yacevap/","categoryUrl":"/yacevap/c/teknoloji","categoryTitle":"Teknoloji","canUseNativeShare":false,"tags":[{"href":"/yacevap/t/teknoloji","text":"Teknoloji"},{"href":"/yacevap/t/webgelistirme","text":"WebGeliştirme"},{"href":"/yacevap/t/html","text":"HTML"},{"href":"/yacevap/t/css","text":"CSS"}],"extralinksItems":[{"variant":"reportFeedback","reportFeedback":{"feature":"YazekaAnswers","title":"Bu yanıtta yanlış olan ne?","checkBoxLabels":[{"value":"Uygunsuz veya aşağılayıcı yanıt"},{"value":"Soruma yanıt verilmedi"},{"value":"Bilgi hataları var"},{"value":"Bilgi yetersiz"},{"value":"Bilgi güncel değil"},{"value":"Görüntüleme hataları"},{"value":"Yanıtta kullanılan kaynaklar güvenilir değil"},{"value":"Bu soru için yanıt gerekmiyor"},{"value":"Diğer"}]}}]},"suggestProps":{"suggestItems":[{"id":0,"text":"Font Awesome nasıl kullanılır?","url":"/search?text=Font+Awesome+kullan%C4%B1m%C4%B1&promo=force_neuro"},{"id":1,"text":"HTML \u003clink> elemanı ne işe yarar?","url":"/search?text=HTML+%3Clink%3E+eleman%C4%B1&promo=force_neuro"},{"id":2,"text":"Favicon nedir ve nasıl oluşturulur?","url":"/search?text=Favicon+nedir+ve+nas%C4%B1l+olu%C5%9Fturulur%3F&promo=force_neuro"},{"id":-1,"url":"/search?text=Icon+kodu+nereye+yaz%C4%B1l%C4%B1r%3F&promo=force_neuro","text":"Daha fazla bilgi"}]},"feedbackProps":{"feature":"YazekaAnswers","baseProps":{"metaFields":{"yandexuid":"3081061931762401628","reqid":"1762401767090874-421097067340284979-balancer-l7leveler-kubr-yp-sas-88-BAL"}},"positiveCheckboxLabels":[{"value":"Yanıtı çok beğendim"},{"value":"Yanıtta gerekli bilgiler var"},{"value":"Kolay anlaşılır"},{"value":"Diğer"}],"negativeCheckboxLabels":[{"value":"Uygunsuz veya aşağılayıcı yanıt"},{"value":"Soruma yanıt verilmedi"},{"value":"Bilgi hataları var"},{"value":"Bilgi yetersiz"},{"value":"Bilgi güncel değil"},{"value":"Görüntüleme hataları"},{"value":"Yanıtta kullanılan kaynaklar güvenilir değil"},{"value":"Bu soru için yanıt gerekmiyor"},{"value":"Diğer"}]},"dialogStoreProps":{"baseUrl":""},"globalStoreProps":{"imageBackendUrl":"https://yandex.com.tr/images-apphost/image-download?cbird=171","query":"","retina":false,"avatarId":"0","isMacOS":false,"isEmbeddedFuturis":false,"brand":"yazeka","device":{"isIOS":false,"platform":"desktop"}},"baobab":{"parentNode":{"context":{"genInfo":{"prefix":"k6jtw03-0-1"},"ui":"desktop","service":"neurolib","fast":{"name":"neuro_library","subtype":"question"}}}}},"type":"neuro_library","subtype":"question"},"k6jt3":{"state":{"relatedMaterials":[{"favicons":["https://favicon.yandex.net/favicon/v2/https://uzmanimakademi.net/css/css-ikon?size=16&stub=1","https://favicon.yandex.net/favicon/v2/https://developers.google.com/fonts/docs/material_icons%3fhl=tr?size=16&stub=1","https://favicon.yandex.net/favicon/v2/https://fonts.google.com/icons?size=16&stub=1","https://favicon.yandex.net/favicon/v2/https://fontawesome.com/icons?size=16&stub=1","https://favicon.yandex.net/favicon/v2/https://stackoverflow.com/questions/50408924/where-can-i-get-codes-of-material-icons?size=16&stub=1"],"header":"İcon kodları nereden alınır?","teaser":"İkon kodları aşağıdaki kaynaklardan alınabilir: Font Awesome: fontawesome.com sitesine gidilip oturum açıldıktan sonra, HTML sayfasının `\u003chead>` bölümüne eklenecek bir kod alınabilir. Flaticon: flaticon.com sitesindeki \"uicons\" bölümünden ikon kodları incelenebilir. Google İkonları: Google ikonlarını kullanmak için HTML sayfasının `\u003chead>` bölümüne `fonts.googleapis.com/icon?family=Material+Icons` bağlantısı eklenebilir.","href":"/yacevap/c/teknoloji/q/icon-kodlari-nereden-alinir-1661255470","tags":[{"href":"/yacevap/t/teknoloji","text":"Teknoloji"},{"href":"/yacevap/t/webgelistirme","text":"WebGeliştirme"},{"href":"/yacevap/t/html","text":"HTML"},{"href":"/yacevap/t/ikonlar","text":"İkonlar"}]},{"favicons":["https://favicon.yandex.net/favicon/v2/https://www.britannica.com/dictionary/icon?size=16&stub=1","https://favicon.yandex.net/favicon/v2/https://goong.com/tr/word/icon-ne-demek/?size=16&stub=1","https://favicon.yandex.net/favicon/v2/https://www.zargan.com/tr/q/icon--ceviri-nedir/icon--turkce-ne-demek?size=16&stub=1","https://favicon.yandex.net/favicon/v2/https://www.merriam-webster.com/dictionary/icon?size=16&stub=1","https://favicon.yandex.net/favicon/v2/https://kelimeler.gen.tr/ikon-nedir-ne-demek-162313?size=16&stub=1"],"header":"Icon ne anlama gelir?","teaser":"İkon kelimesi, Fransızca kökenli olup \"simge\" anlamına gelir. Ayrıca, ikon kelimesinin diğer anlamları şunlardır: Bazı dinlerde kutsal sayılan kişilerin resimlerinin çeşitli boyalarla tahta üzerine yapılması; Bilgisayarlarda kullanılacak bir programı simgeleyen resim; En iyi örnek veya temsilci olarak görülen kişi veya şey.","href":"/yacevap/c/diger/q/icon-ne-anlama-gelir-2819548277","tags":[{"href":"/yacevap/t/teknoloji","text":"Teknoloji"},{"href":"/yacevap/t/bilgisayar","text":"Bilgisayar"},{"href":"/yacevap/t/sozcukanlami","text":"SözcükAnlamı"},{"href":"/yacevap/t/kultur","text":"Kültür"}]}],"baobab":{"parentNode":{"context":{"genInfo":{"prefix":"k6jtw04-0-1"},"ui":"desktop","service":"neurolib","fast":{"name":"neuro_library","subtype":"related"}}}}},"type":"neuro_library","subtype":"related"},"k6jt4":{"state":{"tld":"com.tr","isIos":false,"isQuestionPage":true,"baobab":{"parentNode":{"context":{"genInfo":{"prefix":"k6jtw05-0-1"},"ui":"desktop","service":"neurolib","fast":{"name":"neuro_library","subtype":"ask_question"}}}}},"type":"neuro_library","subtype":"ask_question"},"k6jt5":{"state":{"generalLinks":[{"id":"privacy-policy","text":"Gizlilik politikası","url":"https://yandex.com.tr/legal/privacy_policy/"},{"id":"terms-of-service","text":"Kullanıcı sözleşmesi","url":"https://yandex.com.tr/legal/tos/"},{"id":"report-error","text":"Hata bildir","url":"https://forms.yandex.com.tr/surveys/13748122.01a6645a1ef15703c9b82a7b6c521932ddc0e3f7/"},{"id":"about-company","text":"Şirket hakkında","url":"https://yandex.com.tr/project/portal/contacts/"}],"copyright":{"url":"https://yandex.com.tr","currentYear":2025},"socialLinks":[{"url":"https://www.tiktok.com/@yandex.turkiye","type":"tiktok","title":"TikTok"},{"url":"https://www.youtube.com/@YandexTurkiye","type":"youtube","title":"Youtube"},{"url":"https://www.facebook.com/YandexComTr","type":"facebook","title":"Facebook"},{"url":"https://www.instagram.com/yandex__turkiye/","type":"instagram","title":"Instagram"},{"url":"https://x.com/yndxturkiye","type":"x","title":"X"}],"categoriesLink":[],"disclaimer":"Seçili sitelerdeki metinlere göre Yazeka tarafından oluşturulan yanıtlardır. Hatalar içerebilir. Önemli bilgileri kontrol ediniz.","baobab":{"parentNode":{"context":{"genInfo":{"prefix":"k6jtw06-0-1"},"ui":"desktop","service":"neurolib","fast":{"name":"neuro_library","subtype":"footer"}}}}},"type":"neuro_library","subtype":"footer"}}