Clube FII Design System

Icones


Nossos icones servem para indicar o usuário e também para deixar o design mais bonito e humano. Temos hoje 5 estilos de ícone e dentro de cada estilo, diversas opções. Rigorosamente desenhados dentro de um grid específico, os icones no Clube FII fazem parte de cada página do site e vão além da plataforma, sendo também utilizados bastante em outras mídias.

super icones

Com tamanho padrão de 128px Pode ser utilizado em situações de listas de destaque, também bastante utilizado em modals de mensagens de aviso.
bank_deposit
banners
beach
briefcase
cash
contract_signing
dashboard
different_buildings
discount
discussion
ebook
empty_page
error
exclusivity
fiis_on_ipad
financial_calculator
fixed_income
id_link
income
inflation
live_comments
money_growing
notifications
office_buildings
professionals
savings
security
shares_arrow
statistics
taxes
tenants
thumbs_up
tools
transaction_building
transaction_key
vacancy
video
vinculated_id
voting_cart
voting

big icon

Com tamanho padrão de 64px, os big icons são utilizados junto com Headers, muito mais na função decorativa do que de prover informação. Também podem ser utilizados como botões, como é o caso do ícone “Close”.
absortion
antenna
arrow_down-white
arrow_down
arrow_left
arrow_right
arrow_up
arrow
bar_chart
building_money
building
calendar
cart
cash_payment-white
cash_payment
champagne
chat-white
chat
checklist
clipping_board
clock
close-white
close
document_validate
dollar_sign-white
dollar_sign
exclamation
factory
filter
flip_document
garage
graphic
handshake-white
handshake
hospital
house
info
like
live
lock
mail
mobile_graphic-white
mobile_graphic
museum
pdf
people
pie_chart
play-white
play
plus
presentation_board
question_mark
search
star
stock_expected
stock_total
store
teacher_building
teacher_currency
teacher_house

regular icon

Com tamanho padrão de 32px mas podendo ser reduzidos até 16px, os regular icons são os mais utilizados. Acompanham botões, itens de menu, tabelas e ajudam o usuário a encontrar a informação no lugar correto.
add
agro
archive_add
archive_empty
archive_remove
archive
arrow_diagonal
arrow_down
arrow_left
arrow_right
arrow_up
atom
attach
bank
battery_empty
battery_full
battery_used
blocks
blog
book_open
building_money
building
burger
bus
cable
calculator
calendar
camera_photo
camera_shutter
camera_video
cart_validated
cart
cash_payment
cash
chair
chart_3_circles
chart_bar
chart_donut
chart_line
chart_pie
chat_empty
chat_typing
circle_arrow_both_ways
circle_arrow_right
clock_reverse
clock
clock2
close_circle
close
coffee
compact_disk
computer
credit_card
cube
deny
dial
directions
document_download
document_upload
document
dollar_currency
door_enter
door_exit
download
drawer
euro_currency
exclamation
expand
external_hard_drive
eye_hide
eye_show
face_happy
face_sad
facebook
fast_forward
feed
film
filter
first_aid_kit
first_place
flag
flip_close
flip_info
folder
forum_all
forum_beginners
forum_fiis
forum_ir
full_screen
full
globe
half
handclick
headphones
heart_add
heart
help
home_incorporation
home
hospital
idea
image
increase
infinite
info
instagram
label
law
light
like
link
list_validated
list
location
lock
loop
magnet
mail
medal
megaphone
mention
microphone_off
microphone_on
monitors
more_options
move
newspaper
notification_off
notification_on
pdf
pen_add
pen_write
pen
pile
pin
play
power
presentation
printer
radio
refresh
remove
retract
return
rss
rss2
ruler
safe
satellite_dish
screen_currency
screen
search
security
settings
share
shield
shopping_bag
software_window
sound_bars
sound_off
sound_on
speech_bubble
stack
star_empty
star_full
star_half
suitcase
sun
tabs
teacher
tie
tools
trashcan
tv
twitter
umbrella
undo
upload
user_add
user_error
user_login
user_to_user
user_validate
user
users_2
users_multiple
validate_circle
validate
wallet
warning
youtube
zoom_in
zoom_out
zoom

social media

Com tamanho de 16px esses ícones contém os logos das redes sociais e sites que o Clube FII possui presença.
facebook
google_play
instagram
like
linkedin
paypal
pinterest
rss
skype
snapchat
soundcloud
twitter
vimeo
whatsapp
youtube

small

Com tamanho padrão de 16px e nunca podendo ser reduzido ou aumentado, esses icones são normalmente usados dentro de componentes muito pequenos, como imput fields, demandando esta categoria especial de icones.
arrow_down-white
arrow_down
arrow_right-outline-wine
arrow_right-wine
arrow_right
arrow_up
bullet
calendar
pausa-wine
quote-white
quote
search-wine
search
user
word