Regular Icons

	Name	Component	Description
	4k	Icon4k	Used in Areena to indicate video broadcast quality.
	accessibility	Accessibility	Represents service accessibility or accessibility settings.
	airplay	Airplay	Airplay icon for video content.
	airplay-audio	AirplayAudio	Airplay icon for audio content.
	alert-circle	AlertCircle	Used in Warning notifications.
	alert-triangle	AlertTriangle	Used in Error notifications. Also symbolises a dangerous action.
	archive	Archive	Communicates to the user that content can be moved to an archive for later use.
	arrow-down	ArrowDown	Guides the user to move downwards.
	arrow-left	ArrowLeft	Guides the user to move left or to the previous page.
	arrow-right	ArrowRight	Guides the user to move right or to the next page.
	arrow-up	ArrowUp	Guides the user to move upwards.
	autoplay	Autoplay	Indicates the option to enable or disable automatic media playback.
	beta-tester	BetaTester	Guides the user to beta testing of the service.
	bluetooth	Bluetooth	Guides the user to connect audio playback to an external device using Bluetooth.
	book-open	BookOpen	Indicates the recently read articles section, e.g. in navigation menus.
	bookmark	Bookmark	Used to save articles to the 'My Articles' list.
	bookmark-active	BookmarkActive	Highlights an article saved to the 'My Articles' list.
	camera	Camera	Guides the user to use their device camera.
	caps-lock	CapsLock	Communicates to the user that the "caps lock" function is active.
	cast	Cast	Chromecast available.
	cast-connected	CastConnected	Chromecast connected.
	check	Check	Highlights added items in the UI, e.g. in lists or queues. Also used in Success notifications.
	check-16	Check16	—
	chevron-down	ChevronDown	Used in a button that reveals more actions, selectable topics, or content.
	chevron-down-16	ChevronDown16	—
	chevron-left	ChevronLeft	Guides the user backwards or to the previous view.
	chevron-right	ChevronRight	—
	chevron-up	ChevronUp	Used in a button that hides actions, selectable topics, or content.
	clock	Clock	Used to subscribe to a reminder for a programme or series in the Areena mobile app.
	close	Close	Used to dismiss an action or element from the UI.
	close-circle	CloseCircle	Used in a button when a simple close icon does not stand out enough in the UI.
	close-small	CloseSmall	Used in form components to remove an option from the UI.
	connected-devices	ConnectedDevices	Guides the user to manage devices connected to their Yle account.
	connected-services	ConnectedServices	Guides the user to manage services connected to their Yle account.
	console	Console	Communicates to the user which device they are signed in to the service on.
	cookies	Cookies	Used in cookie settings and to navigate the user to cookie preferences.
	corner-down-left	CornerDownLeft	Enter key icon used in the Areena smart TV app keyboard.
	date	Date	Used in the date picker button.
	delete	Delete	Delete icon used in the Areena smart TV app keyboard.
	delete-active	DeleteActive	Active delete icon used in the Areena smart TV app keyboard to indicate an active state.
	display-turn	DisplayTurn	Communicates the option to manage portrait and landscape mode settings in the Yle app.
	download	Download	Used in download buttons.
	drag-handle	DragHandle	Guides the user to reorder items vertically using drag-and-drop, e.g. in lists.
	edit	Edit	Indicates that content is editable.
	episodes	Episodes	Guides the user to the episode list of a series in the Areena smart TV app.
	external-link	ExternalLink	An external link is a hyperlink pointing to any site other than the one the link is on.
	eye	Eye	Used in the password input during sign-in. Reveals the typed password.
	eye-off	EyeOff	Used in the password input during sign-in. Hides the typed password.
	facebook	Facebook	Used primarily with the share feature.
	favorite	Favorite	Guides mobile users to their favourite topics, articles, series, and programmes.
	favorite-active	FavoriteActive	Indicates the active 'My' view in mobile navigation.
	featured	Featured	Indicates recommended topics or content. In Areena, navigates the user to the 'Recommended' view.
	featured-active	FeaturedActive	Indicates that the recommendations view is active.
	feedback	Feedback	Used to report service issues to customer support.
	file-text	FileText	Represents attached files, e.g. PDFs.
	filter	Filter	Indicates a filtering action in the UI.
	filter-2	Filter2	Indicates a filtering action in the UI.
	flag	Flag	Guides the user to report inappropriate content.
	forward-10	Forward10	—
	fullscreen	Fullscreen	—
	fullscreen-exit	FullscreenExit	—
	globe	Globe	Indicates language selection.
	grid	Grid	Guides the user to the 'See more' card view (Smart TV).
	grid-active	GridActive	Indicates the 'See more' card view is selected (Smart TV).
	hd	Hd	Used in Areena to indicate HD video quality.
	headphones	Headphones	Used with audio content in podcast cards, live audio, and text-to-speech articles.
	headphones-active	HeadphonesActive	Indicates that the 'Podcasts' view is selected.
	help-circle	HelpCircle	Used in the tooltip trigger button. Also guides the user to service help documentation.
	help-circle-active	HelpCircleActive	Indicates the active help documentation view.
	history	History	Guides the user to their usage history.
	home	Home	Guides the user to the service home page or start view.
	home-active	HomeActive	Indicates the selected home page or start view.
	image	Image	Communicates images to the user, e.g. in a form.
	import	Import	Indicates the option to import topic preferences to a new app.
	info	Info	Used in Info notifications and additional information.
	instagram	Instagram	Used primarily with the share feature.
	laptop	Laptop	Laptop computer icon.
	latest	Latest	Guides the user to the 'Latest news' view.
	latest-active	LatestActive	Indicates the 'Latest news' view is active.
	linear-scale	LinearScale	Represents an element for selecting a value from a linear scale.
	link	Link	Communicates to the user that an element is a link.
	link-2	Link2	Used for copying a link.
	linkedin	Linkedin	Used primarily with the share feature.
	list	List	Used in Uutisvahtii navigation for the 'All news' button.
	live-streaming	LiveStreaming	Guides the user to the 'Live broadcasts' view.
	live-streaming-active	LiveStreamingActive	Indicates the 'Live broadcasts' view is selected (active).
	location	Location	Indicates location.
	log-in	LogIn	Represents signing in to the service.
	log-out	LogOut	Represents signing out of the service.
	mail	Mail	Guides the user to manage newsletters. Also a general email symbol.
	menu	Menu	Used with the main navigation menu in mobile services.
	message-circle	MessageCircle	Used to give general feedback about the service.
	message-square	MessageSquare	Guides the user to comment on content. In Areena, guides the user to send a message to the studio.
	message-square-active	MessageSquareActive	Indicates an active state in the UI.
	minus	Minus	Guides the user to remove items in the UI.
	minus-circle	MinusCircle	Used in a remove button when a simple minus icon does not stand out enough.
	moon	Moon	Guides the user to manage light and dark mode.
	more-horizontal	MoreHorizontal	Guides the user to open a menu with more actions (horizontal).
	more-vertical	MoreVertical	Guides the user to open a menu with more actions (vertical).
	next	Next	—
	notification	Notification	Used to guide the user to notification settings or to communicate notification status.
	notification-active	NotificationActive	Indicates the user has subscribed to notifications, e.g. for topics, programmes, or series.
	notification-off	NotificationOff	Indicates to the user that notifications are disabled.
	notification-on	NotificationOn	—
	pause	Pause	—
	picture-in-picture	PictureInPicture	—
	picture-in-picture-exit	PictureInPictureExit	—
	play	Play	Used to start media playback or to indicate video content, e.g. on top of a thumbnail.
	play-2	Play2	Can be used to resume playback outside of the video player context.
	play-circle	PlayCircle	Guides the user to video autoplay settings.
	playlist	Playlist	Guides the user to their personal play queue.
	playlist-check	PlaylistCheck	Used in Yle Areena to show that an episode has been successfully added to the playlist.
	playlist-plus	PlaylistPlus	Used in Yle Areena to add individual episodes to the playlist.
	plus	Plus	Guides the user to add items in the UI.
	plus-16	Plus16	—
	plus-circle	PlusCircle	Used in an add button when a simple plus icon does not stand out enough.
	podcast	Podcast	Indicates the option to subscribe to audio content.
	previous	Previous	—
	printer	Printer	Guides the user to print.
	privacy-policy	PrivacyPolicy	Used with Yle's privacy policy statement.
	privacy-policy-active	PrivacyPolicyActive	Used with Yle's privacy policy to indicate an active state.
	refresh-cw	RefreshCw	Used to load new content in the service.
	replay	Replay	—
	replay-10	Replay10	—
	reply	Reply	Communicates a reply or the option to reply to a message.
	rss	Rss	Guides the user to subscribe to an RSS feed.
	search	Search	Used in search-related buttons and input fields.
	search-active	SearchActive	Indicates the active search view.
	send	Send	Represents the send message action, e.g. in a chat.
	settings	Settings	Guides the user to service settings.
	settings-active	SettingsActive	Used with service settings to indicate an active state.
	share	Share	Used in web apps with the share action in a clickable share button.
	share-android	ShareAndroid	Android share icon used in the share button.
	share-ios	ShareIos	iOS share icon used in the share button.
	slash	Slash	Communicates hidden or disabled items to the user.
	sleep-timer	SleepTimer	Used with the sleep timer in Areena.
	sleep-timer-active	SleepTimerActive	Indicates an active sleep timer in Areena.
	smartphone	Smartphone	Smartphone icon.
	snapchat	Snapchat	Used primarily with the share feature.
	songlist	Songlist	Guides the user to the track list of songs played in a radio programme.
	sort	Sort	Indicates the option to reorder content, e.g. in tables.
	sort-asc	SortAsc	Indicates the selected sort order is ascending.
	sort-desc	SortDesc	Indicates the selected sort order is descending.
	spacebar	Spacebar	Communicates the spacebar key to the user.
	sport	Sport	Guides the user to sports news.
	sport-active	SportActive	Indicates the 'Sports' view is active.
	stop	Stop	—
	subtitles-multiaudio	SubtitlesMultiaudio	—
	tablet	Tablet	Tablet icon.
	thumbs-down	ThumbsDown	Used in the default state of the 'dislike' button.
	thumbs-down-active	ThumbsDownActive	Used in the pressed state of the 'dislike' button.
	thumbs-up	ThumbsUp	Used in the default state of the 'like' button.
	thumbs-up-active	ThumbsUpActive	Used in the pressed state of the 'like' button.
	tiktok	Tiktok	Used primarily with the share feature.
	time	Time	Indicates the publication time of an article in the Svenska Yle service.
	trash	Trash	Communicates the option to delete a selected item or content, such as a file, message, or entry.
	tv	Tv	Guides the user to the Areena video content home page.
	tv-active	TvActive	Indicates the video content section is active.
	twitter	Twitter	Used primarily with the share feature.
	twitter-x	TwitterX	Used primarily with the share feature.
	type	Type	Indicates text size selection in settings.
	unarchive	Unarchive	Communicates that archived content can be restored.
	user	User	Primarily guides the user to sign in or to manage their profile and personal information.
	video	Video	Communicates video content to the user, e.g. in a form.
	video-feed	VideoFeed	Guides the user to short videos.
	video-feed-active	VideoFeedActive	Indicates the 'Short video' view is active.
	volume	Volume	—
	volume-high	VolumeHigh	—
	volume-low	VolumeLow	—
	volume-off	VolumeOff	—
	whatsapp	Whatsapp	Used primarily with the share feature.
	youtube	Youtube	Used primarily with the share feature.