---
title: Ikonit
description: "## Ikonin lisääminen Valitse **Icon-lohkoelementti** hakupalkista. ![Ikonin lisaaminen 1](https://ohjeet.helpotkotisivut.fi/wp-content/uploads/2025/08/ikonin-lisaaminen-1.jpg) Sivupalkista pystyt vaihtamaan ikonia, säätää mm. sen kokoa ja väriä. ## Ikonin valitseminen Kadencella on valikoima valmiita ikoneita, joita voi etsiä hakusanoilla **Search Icons -hakutoiminnolla**. Kadencen valmiit ikonit ovat jaoteltu Line…"
url: "https://ohjeet.helpotkotisivut.fi/ohje/ikonit/"
updated: "2025-08-01"
category: Lohkoelementit
---

# Ikonit

## Ikonin lisääminen

Valitse **Icon-lohkoelementti** hakupalkista.

![Ikonin lisaaminen 1](https://ohjeet.helpotkotisivut.fi/wp-content/uploads/2025/08/ikonin-lisaaminen-1.jpg)

Sivupalkista pystyt vaihtamaan ikonia, säätää mm. sen kokoa ja väriä.

## Ikonin valitseminen

Kadencella on valikoima valmiita ikoneita, joita voi etsiä hakusanoilla **Search Icons -hakutoiminnolla**. Kadencen valmiit ikonit ovat jaoteltu Line Icons ja Solid Icons versioihin.

Voit myös lisätä oman svg-muotoisen ikonin **My Icons -kohdassa** painamalla plusmerkkiä ja lataamalla tiedoston koneeltasi.

![Ikonin lisaaminen 2](https://ohjeet.helpotkotisivut.fi/wp-content/uploads/2025/08/ikonin-lisaaminen-2.jpg)