Icons
A collection of vector icons available in font format. The respective CSS class is listed below each icon.
UI icons
ci-activity
<i class="ci-activity"></i>ci-airplay
<i class="ci-airplay"></i>ci-alert-circle
<i class="ci-alert-circle"></i>ci-alert-octagon
<i class="ci-alert-octagon"></i>ci-alert-triangle
<i class="ci-alert-triangle"></i>ci-align-center
<i class="ci-align-center"></i>ci-align-justify
<i class="ci-align-justify"></i>ci-align-left
<i class="ci-align-left"></i>ci-align-right
<i class="ci-align-right"></i>ci-anchor
<i class="ci-anchor"></i>ci-aperture
<i class="ci-aperture"></i>ci-archive
<i class="ci-archive"></i>ci-arrow-down-circle
<i class="ci-arrow-down-circle"></i>ci-arrow-down-left
<i class="ci-arrow-down-left"></i>ci-arrow-down-right
<i class="ci-arrow-down-right"></i>ci-arrow-down
<i class="ci-arrow-down"></i>ci-arrow-left-circle
<i class="ci-arrow-left-circle"></i>ci-arrow-left
<i class="ci-arrow-left"></i>ci-arrow-right-circle
<i class="ci-arrow-right-circle"></i>ci-arrow-right
<i class="ci-arrow-right"></i>ci-arrow-up-circle
<i class="ci-arrow-up-circle"></i>ci-arrow-up-left
<i class="ci-arrow-up-left"></i>ci-arrow-up-right
<i class="ci-arrow-up-right"></i>ci-arrow-up
<i class="ci-arrow-up"></i>ci-at-sign
<i class="ci-at-sign"></i>ci-autocontrast
<i class="ci-auto"></i>ci-avocado
<i class="ci-avocado"></i>ci-award
<i class="ci-award"></i>ci-bannedforbidden
<i class="ci-banned"></i>ci-bar-chart
<i class="ci-bar-chart"></i>ci-bar-chart-2
<i class="ci-bar-chart-2"></i>ci-battery
<i class="ci-battery"></i>ci-battery-charging
<i class="ci-battery-charging"></i>ci-battery-2
<i class="ci-battery-2"></i>ci-bellnotification
<i class="ci-bell"></i>ci-bell-offnotification
<i class="ci-bell-off"></i>ci-bluetooth
<i class="ci-bluetooth"></i>ci-bold
<i class="ci-bold"></i>ci-book
<i class="ci-book"></i>ci-book-open
<i class="ci-book-open"></i>ci-bookmark
<i class="ci-bookmark"></i>ci-box
<i class="ci-box"></i>ci-briefcase
<i class="ci-briefcase"></i>ci-broccoli
<i class="ci-broccoli"></i>ci-bulletdot
<i class="ci-bullet"></i>ci-calendardate
<i class="ci-calendar"></i>ci-camera
<i class="ci-camera"></i>ci-camera-off
<i class="ci-camera-off"></i>ci-camera-2
<i class="ci-camera-2"></i>ci-cast
<i class="ci-cast"></i>ci-chat
<i class="ci-chat"></i>ci-check
<i class="ci-check"></i>ci-check-circle
<i class="ci-check-circle"></i>ci-check-search
<i class="ci-check-search"></i>ci-check-shield
<i class="ci-check-shield"></i>ci-check-square
<i class="ci-check-square"></i>ci-chevron-down
<i class="ci-chevron-down"></i>ci-chevron-left
<i class="ci-chevron-left"></i>ci-chevron-right
<i class="ci-chevron-right"></i>ci-chevron-up
<i class="ci-chevron-up"></i>ci-chevrons-down
<i class="ci-chevrons-down"></i>ci-chevrons-left
<i class="ci-chevrons-left"></i>ci-chevrons-right
<i class="ci-chevrons-right"></i>ci-click
<i class="ci-click"></i>ci-clipboard
<i class="ci-clipboard"></i>ci-clocktime
<i class="ci-clock"></i>ci-closex
<i class="ci-close"></i>ci-close-circlex
<i class="ci-close-circle"></i>ci-close-octagonx
<i class="ci-close-octagon"></i>ci-close-squarex
<i class="ci-close-square"></i>ci-cloud
<i class="ci-cloud"></i>ci-cloud-off
<i class="ci-cloud-off"></i>ci-cloud-drizzle
<i class="ci-cloud-drizzle"></i>ci-cloud-lightning
<i class="ci-cloud-lightning"></i>ci-cloud-rain
<i class="ci-cloud-rain"></i>ci-cloud-snow
<i class="ci-cloud-snow"></i>ci-code
<i class="ci-code"></i>ci-coffee
<i class="ci-coffee"></i>ci-columns
<i class="ci-columns"></i>ci-command
<i class="ci-command"></i>ci-compass
<i class="ci-compass"></i>ci-computerlaptop
<i class="ci-computer"></i>ci-copy
<i class="ci-copy"></i>ci-corner-down-leftarrow
<i class="ci-corner-down-left"></i>ci-corner-down-rightarrow
<i class="ci-corner-down-right"></i>ci-corner-left-downarrow
<i class="ci-corner-left-down"></i>ci-corner-left-uparrow
<i class="ci-corner-left-up"></i>ci-corner-right-downarrow
<i class="ci-corner-right-down"></i>ci-corner-right-uparrow
<i class="ci-corner-right-up"></i>ci-corner-up-leftarrow
<i class="ci-corner-up-left"></i>ci-corner-up-rightarrow
<i class="ci-corner-up-right"></i>ci-credit-card
<i class="ci-credit-card"></i>ci-crop
<i class="ci-crop"></i>ci-crosshairaim
<i class="ci-crosshair"></i>ci-database
<i class="ci-database"></i>ci-deletebackspace
<i class="ci-delete"></i>ci-deliverytruck car
<i class="ci-delivery"></i>ci-delivery-2truck car
<i class="ci-delivery-2"></i>ci-disc
<i class="ci-disc"></i>ci-divide
<i class="ci-divide"></i>ci-dollar-sign
<i class="ci-dollar-sign"></i>ci-download
<i class="ci-download"></i>ci-download-cloud
<i class="ci-download-cloud"></i>ci-droplet
<i class="ci-droplet"></i>ci-edit
<i class="ci-edit"></i>ci-edit-2
<i class="ci-edit-2"></i>ci-edit-3
<i class="ci-edit-3"></i>ci-external-link
<i class="ci-external-link"></i>ci-eye
<i class="ci-eye"></i>ci-eye-off
<i class="ci-eye-off"></i>ci-fast-forward
<i class="ci-fast-forward"></i>ci-feather
<i class="ci-feather"></i>ci-file
<i class="ci-file"></i>ci-file-minus
<i class="ci-file-minus"></i>ci-file-plus
<i class="ci-file-plus"></i>ci-file-text
<i class="ci-file-text"></i>ci-film
<i class="ci-film"></i>ci-filter
<i class="ci-filter"></i>ci-flag
<i class="ci-flag"></i>ci-folder
<i class="ci-folder"></i>ci-folder-minus
<i class="ci-folder-minus"></i>ci-folder-plus
<i class="ci-folder-plus"></i>ci-foodmeal cook
<i class="ci-food"></i>ci-frownemoji sad
<i class="ci-frown"></i>ci-game
<i class="ci-game"></i>ci-gift
<i class="ci-gift"></i>ci-globe
<i class="ci-globe"></i>ci-gluten-free
<i class="ci-gluten-free"></i>ci-grid
<i class="ci-grid"></i>ci-grid-2
<i class="ci-grid-2"></i>ci-hangerhanger
<i class="ci-hanger"></i>ci-hard-drive
<i class="ci-hard-drive"></i>ci-hard-drive-2
<i class="ci-hard-drive-2"></i>ci-hash
<i class="ci-hash"></i>ci-headphones
<i class="ci-headphones"></i>ci-headphones-2
<i class="ci-headphones-2"></i>ci-heart
<i class="ci-heart"></i>ci-heart-filled
<i class="ci-heart-filled"></i>ci-help-circle
<i class="ci-help-circle"></i>ci-home
<i class="ci-home"></i>ci-id-cardpassport
<i class="ci-id-card"></i>ci-imagepicture photo
<i class="ci-image"></i>ci-inbox
<i class="ci-inbox"></i>ci-info
<i class="ci-info"></i>ci-italic
<i class="ci-italic"></i>ci-key
<i class="ci-key"></i>ci-layers
<i class="ci-layers"></i>ci-layers-2
<i class="ci-layers-2"></i>ci-layout
<i class="ci-layout"></i>ci-leafeco sustainable plant
<i class="ci-leaf"></i>ci-life-buoysupport
<i class="ci-life-buoy"></i>ci-link
<i class="ci-link"></i>ci-link-2
<i class="ci-link-2"></i>ci-list
<i class="ci-list"></i>ci-loader
<i class="ci-loader"></i>ci-lock
<i class="ci-lock"></i>ci-log-inlogin signin
<i class="ci-log-in"></i>ci-log-outlogout signout
<i class="ci-log-out"></i>ci-mailenvelope email
<i class="ci-mail"></i>ci-map
<i class="ci-map"></i>ci-map-pinlocation
<i class="ci-map-pin"></i>ci-maximizeexpand fullscreen
<i class="ci-maximize"></i>ci-maximize-2expand fullscreen
<i class="ci-maximize-2"></i>ci-mehemoji
<i class="ci-meh"></i>ci-menu
<i class="ci-menu"></i>ci-message-circle
<i class="ci-message-circle"></i>ci-message-square
<i class="ci-message-square"></i>ci-mic
<i class="ci-mic"></i>ci-mic-off
<i class="ci-mic-off"></i>ci-minimizecollapse
<i class="ci-minimize"></i>ci-minimize-2collapse
<i class="ci-minimize-2"></i>ci-minus
<i class="ci-minus"></i>ci-minus-circle
<i class="ci-minus-circle"></i>ci-minus-square
<i class="ci-minus-square"></i>ci-monitor
<i class="ci-monitor"></i>ci-monitor-2
<i class="ci-monitor-2"></i>ci-moon
<i class="ci-moon"></i>ci-more-horizontal
<i class="ci-more-horizontal"></i>ci-more-vertical
<i class="ci-more-vertical"></i>ci-mouse-pointer
<i class="ci-mouse-pointer"></i>ci-move
<i class="ci-move"></i>ci-music
<i class="ci-music"></i>ci-navigation
<i class="ci-navigation"></i>ci-navigation-2
<i class="ci-navigation-2"></i>ci-package
<i class="ci-package"></i>ci-paintcolor fill bucket
<i class="ci-paint"></i>ci-paperclip
<i class="ci-paperclip"></i>ci-pause
<i class="ci-pause"></i>ci-pause-circle
<i class="ci-pause-circle"></i>ci-pen-tool
<i class="ci-pen-tool"></i>ci-percent
<i class="ci-percent"></i>ci-phone
<i class="ci-phone"></i>ci-phone-call
<i class="ci-phone-call"></i>ci-phone-forwarded
<i class="ci-phone-forwarded"></i>ci-phone-incoming
<i class="ci-phone-incoming"></i>ci-phone-missed
<i class="ci-phone-missed"></i>ci-phone-off
<i class="ci-phone-off"></i>ci-phone-outgoing
<i class="ci-phone-outgoing"></i>ci-pie-chart
<i class="ci-pie-chart"></i>ci-play
<i class="ci-play"></i>ci-play-circle
<i class="ci-play-circle"></i>ci-play-filled
<i class="ci-play-filled"></i>ci-plus
<i class="ci-plus"></i>ci-plus-circle
<i class="ci-plus-circle"></i>ci-plus-square
<i class="ci-plus-square"></i>ci-power
<i class="ci-power"></i>ci-powerbank
<i class="ci-powerbank"></i>ci-printer
<i class="ci-printer"></i>ci-printer-2
<i class="ci-printer-2"></i>ci-radiosignal
<i class="ci-radio"></i>ci-refresh-ccw
<i class="ci-refresh-ccw"></i>ci-refresh-cw
<i class="ci-refresh-cw"></i>ci-rewind
<i class="ci-rewind"></i>ci-rocket
<i class="ci-rocket"></i>ci-rotate-ccw
<i class="ci-rotate-ccw"></i>ci-rotate-cw
<i class="ci-rotate-cw"></i>ci-rss
<i class="ci-rss"></i>ci-rulersize
<i class="ci-ruler"></i>ci-save
<i class="ci-save"></i>ci-scan
<i class="ci-scan"></i>ci-schedulecalendar time date
<i class="ci-schedule"></i>ci-scissors
<i class="ci-scissors"></i>ci-search
<i class="ci-search"></i>ci-send
<i class="ci-send"></i>ci-server
<i class="ci-server"></i>ci-settingscog
<i class="ci-settings"></i>ci-share
<i class="ci-share"></i>ci-share-2
<i class="ci-share-2"></i>ci-shield
<i class="ci-shield"></i>ci-shield-off
<i class="ci-shield-off"></i>ci-shopping-bag
<i class="ci-shopping-bag"></i>ci-shopping-cart
<i class="ci-shopping-cart"></i>ci-shuffle
<i class="ci-shuffle"></i>ci-sidebar
<i class="ci-sidebar"></i>ci-skip-back
<i class="ci-skip-back"></i>ci-skip-forward
<i class="ci-skip-forward"></i>ci-sliderssettings
<i class="ci-sliders"></i>ci-smartphone
<i class="ci-smartphone"></i>ci-smartphone-2
<i class="ci-smartphone-2"></i>ci-smileemoji happy
<i class="ci-smile"></i>ci-sort
<i class="ci-sort"></i>ci-speaker
<i class="ci-speaker"></i>ci-speaker-2
<i class="ci-speaker-2"></i>ci-star
<i class="ci-star"></i>ci-star-half
<i class="ci-star-half"></i>ci-star-filled
<i class="ci-star-filled"></i>ci-stop-circle
<i class="ci-stop-circle"></i>ci-sun
<i class="ci-sun"></i>ci-sunrise
<i class="ci-sunrise"></i>ci-sunset
<i class="ci-sunset"></i>ci-table
<i class="ci-table"></i>ci-tablet
<i class="ci-tablet"></i>ci-tag
<i class="ci-tag"></i>ci-target
<i class="ci-target"></i>ci-terminal
<i class="ci-terminal"></i>ci-thermometer
<i class="ci-thermometer"></i>ci-thumbs-downdislike
<i class="ci-thumbs-down"></i>ci-thumbs-uplike
<i class="ci-thumbs-up"></i>ci-ticketcoupon voucher
<i class="ci-ticket"></i>ci-toolwrench
<i class="ci-tool"></i>ci-trash
<i class="ci-trash"></i>ci-trash-empty
<i class="ci-trash-empty"></i>ci-trending-down
<i class="ci-trending-down"></i>ci-trending-up
<i class="ci-trending-up"></i>ci-triangle
<i class="ci-triangle"></i>ci-truckdelivery
<i class="ci-truck"></i>ci-tv
<i class="ci-tv"></i>ci-type
<i class="ci-type"></i>ci-umbrella
<i class="ci-umbrella"></i>ci-unlock
<i class="ci-unlock"></i>ci-upload
<i class="ci-upload"></i>ci-upload-cloud
<i class="ci-upload-cloud"></i>ci-user
<i class="ci-user"></i>ci-user-check
<i class="ci-user-check"></i>ci-user-plus
<i class="ci-user-plus"></i>ci-user-x
<i class="ci-user-x"></i>ci-video
<i class="ci-video"></i>ci-video-off
<i class="ci-video-off"></i>ci-voicemail
<i class="ci-voicemail"></i>ci-volume
<i class="ci-volume"></i>ci-volume-1
<i class="ci-volume-1"></i>ci-volume-2
<i class="ci-volume-2"></i>ci-volume-x
<i class="ci-volume-x"></i>ci-watchtime
<i class="ci-watch"></i>ci-watch-2time
<i class="ci-watch-2"></i>ci-wifi
<i class="ci-wifi"></i>ci-wifi-off
<i class="ci-wifi-off"></i>ci-wind
<i class="ci-wind"></i>ci-zaplightning
<i class="ci-zap"></i>ci-zap-offlightning
<i class="ci-zap-off"></i>ci-zoom-in
<i class="ci-zoom-in"></i>ci-zoom-out
<i class="ci-zoom-out"></i>Brand icons
ci-airbnb
<i class="ci-airbnb"></i>ci-apple
<i class="ci-apple"></i>ci-behance
<i class="ci-behance"></i>ci-blogger
<i class="ci-blogger"></i>ci-codepen
<i class="ci-codepen"></i>ci-discord
<i class="ci-discord"></i>ci-disqus
<i class="ci-disqus"></i>ci-dribbble
<i class="ci-dribbble"></i>ci-dropbox
<i class="ci-dropbox"></i>ci-envato
<i class="ci-envato"></i>ci-evernote
<i class="ci-evernote"></i>ci-facebook
<i class="ci-facebook"></i>ci-flickr
<i class="ci-flickr"></i>ci-foursquare
<i class="ci-foursquare"></i>ci-github
<i class="ci-github"></i>ci-google
<i class="ci-google"></i>ci-google-drive
<i class="ci-google-drive"></i>ci-google-play
<i class="ci-google-play"></i>ci-hangouts
<i class="ci-hangouts"></i>ci-instagram
<i class="ci-instagram"></i>ci-kickstarter
<i class="ci-kickstarter"></i>ci-linkedin
<i class="ci-linkedin"></i>ci-medium
<i class="ci-medium"></i>ci-messenger
<i class="ci-messenger"></i>ci-myspace
<i class="ci-myspace"></i>ci-odnoklassniki
<i class="ci-odnoklassniki"></i>ci-open-source
<i class="ci-open-source"></i>ci-patreon
<i class="ci-patreon"></i>ci-pinterest
<i class="ci-pinterest"></i>ci-product-hunt
<i class="ci-product-hunt"></i>ci-quora
<i class="ci-quora"></i>ci-reddit
<i class="ci-reddit"></i>ci-rss-2
<i class="ci-rss-2"></i>ci-skype
<i class="ci-skype"></i>ci-slack
<i class="ci-slack"></i>ci-snapchat
<i class="ci-snapchat"></i>ci-soundcloud
<i class="ci-soundcloud"></i>ci-spotify
<i class="ci-spotify"></i>ci-stack-overflow
<i class="ci-stack-overflow"></i>ci-steam
<i class="ci-steam"></i>ci-stumbleupon
<i class="ci-stumbleupon"></i>ci-telegram
<i class="ci-telegram"></i>ci-tiktok
<i class="ci-tiktok"></i>ci-tinder
<i class="ci-tinder"></i>ci-trello
<i class="ci-trello"></i>ci-tumblr
<i class="ci-tumblr"></i>ci-twitch
<i class="ci-twitch"></i>ci-xtwitter
<i class="ci-x"></i>ci-viber
<i class="ci-viber"></i>ci-vimeo
<i class="ci-vimeo"></i>ci-vk
<i class="ci-vk"></i>ci-wechat
<i class="ci-wechat"></i>ci-whatsapp
<i class="ci-whatsapp"></i>ci-xing
<i class="ci-xing"></i>ci-yelp
<i class="ci-yelp"></i>ci-youtube
<i class="ci-youtube"></i>Animate on hover
<!-- Icon animations on hover -->
<!-- Shake -->
<button type="button" class="btn btn-icon btn-lg btn-outline-secondary animate-shake fs-xl" aria-label="Shake icon">
<i class="ci-bell animate-target"></i>
</button>
<!-- Pulse -->
<button type="button" class="btn btn-icon btn-lg btn-outline-secondary animate-pulse fs-xl" aria-label="Pulse icon">
<i class="ci-heart animate-target"></i>
</button>
<!-- Rotate -->
<button type="button" class="btn btn-icon btn-lg btn-outline-secondary animate-rotate fs-xl" aria-label="Rotate icon">
<i class="ci-refresh-cw animate-target"></i>
</button>
<!-- Scale -->
<button type="button" class="btn btn-icon btn-lg btn-outline-secondary animate-scale fs-xl" aria-label="Scale icon">
<i class="ci-search animate-target"></i>
</button>
<!-- Slide up -->
<button type="button" class="btn btn-icon btn-lg btn-outline-secondary animate-slide-up fs-xl" aria-label="Slide up icon">
<i class="ci-arrow-up animate-target"></i>
</button>
<!-- Slide end -->
<button type="button" class="btn btn-icon btn-lg btn-outline-secondary animate-slide-end fs-xl" aria-label="Slide end icon">
<i class="ci-arrow-right animate-target"></i>
</button>
<!-- Slide down -->
<button type="button" class="btn btn-icon btn-lg btn-outline-secondary animate-slide-down fs-xl" aria-label="Slide down icon">
<i class="ci-arrow-down animate-target"></i>
</button>
<!-- Slide start -->
<button type="button" class="btn btn-icon btn-lg btn-outline-secondary animate-slide-start fs-xl" aria-label="Slide start icon">
<i class="ci-arrow-left animate-target"></i>
</button>Icon with text
24/7 Customer Support
Friendly customer support
Eco-friendly
Decorate your space with eco-friendly furniture with low VOCs, environmentally friendly materials and safe coatings.
Gluten-Free
Foods that don't contain gluten
<!-- Icon with text examples -->
<!-- Horizontal: font icon -->
<div class="d-flex align-items-center">
<div class="d-flex bg-body-tertiary text-dark-emphasis rounded-circle p-4">
<i class="ci-chat fs-2 m-1"></i>
</div>
<div class="ps-3">
<h3 class="h6 mb-1">24/7 Customer Support</h3>
<p class="fs-sm mb-0">Friendly customer support</p>
</div>
</div>
<!-- Vertical: svg icon -->
<div class="text-center">
<div class="text-dark-emphasis mb-3">
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" fill="currentColor"><path d="M62.189 9.902c0-.604-.604-1.208-1.208-1.208h-6.158-3.14l-1.691.121-1.57.242c-2.174.483-4.226 1.087-6.159 2.174s-3.623 2.294-5.072 3.864h-.121c-3.14 3.019-5.313 7.004-6.038 11.351l-.241 1.57-.121 1.691v3.14 5.796c-.604.845-1.087 1.691-1.57 2.536.121-1.328.121-2.536.242-3.864 0-.966.121-1.811.121-2.777v-1.449l-.121-1.449c-.242-1.811-.845-3.743-1.691-5.434a20.6 20.6 0 0 0-3.26-4.71c-2.657-2.777-6.279-4.709-10.143-5.434l-1.449-.242-1.449-.121H8.574 3.019c-.604 0-1.208.604-1.208 1.208v5.555 2.777l.121 1.449.242 1.449C2.898 32 4.83 35.502 7.728 38.159c1.449 1.328 3.019 2.415 4.709 3.26s3.623 1.328 5.434 1.691l1.449.121h1.449c.966 0 1.811-.121 2.777-.121 1.57-.121 3.14-.121 4.709-.242-.362.604-.604 1.328-.966 1.932-1.449 3.381-2.294 7.004-2.294 10.506.966-3.502 2.294-6.642 3.985-9.66.966-1.811 2.174-3.623 3.381-5.313h5.676 3.14l1.691-.121 1.57-.242c2.174-.483 4.226-1.087 6.159-2.174s3.623-2.294 5.072-3.864h.121c3.14-3.019 5.313-7.004 6.038-11.351l.242-1.57.121-1.69v-3.14-6.279zM49.63 35.743c-1.69.966-3.623 1.449-5.555 1.811l-1.449.242-1.449.121h-3.019-3.864c.242-.242.483-.604.724-.845 2.174-2.657 4.589-5.192 7.004-7.728l7.366-7.728c-3.019 1.932-5.917 3.985-8.694 6.279-2.657 2.294-5.192 4.709-7.487 7.487v-2.536-3.019l.121-1.449.242-1.449c.362-1.932.845-3.864 1.811-5.555.845-1.691 2.053-3.381 3.381-4.83 1.449-1.328 3.019-2.415 4.709-3.381s3.623-1.449 5.555-1.811l1.449-.241 1.449-.121h3.019 4.951v4.951 3.019l-.121 1.57-.242 1.449c-.362 1.932-.845 3.864-1.811 5.555-.845 1.691-2.053 3.381-3.381 4.83a17.86 17.86 0 0 1-4.709 3.381zm-26.083 6.762c-.966 0-1.811-.121-2.777-.121l-1.328-.121-1.328-.242c-3.502-.724-6.641-2.536-9.057-5.072-1.208-1.328-2.174-2.657-3.019-4.226-.725-1.57-1.208-3.26-1.57-4.951l-.242-1.328-.121-1.328V22.34v-4.347h4.347 2.777 1.328l1.328.121c1.691.242 3.381.725 4.951 1.57 1.449 1.087 2.898 2.053 4.106 3.26 2.536 2.415 4.347 5.555 5.072 9.057l.241 1.328.121 1.328c.121.845.121 1.811.121 2.777.121 1.449.121 2.777.241 4.226-.241.483-.483.845-.724 1.328-1.328-.362-2.898-.362-4.468-.483zm-5.434-12.437c-1.449-.966-2.898-1.932-4.589-2.657.966 1.449 2.174 2.777 3.381 3.985 2.415 2.536 4.83 4.709 7.487 7.124 1.328 1.087 2.536 2.294 4.106 3.381-.725-1.691-1.57-3.26-2.657-4.589-2.174-2.898-4.709-5.193-7.728-7.245z"/></svg>
</div>
<h3 class="h5 mb-3">Eco-friendly</h3>
<p class="fs-sm mb-0">Decorate your space with eco-friendly furniture with low VOCs, environmentally friendly materials and safe coatings.</p>
</div>
<!-- Vertical: svg icon on background -->
<div class="text-center">
<div class="d-inline-block text-dark-emphasis bg-warning-subtle rounded-circle p-5 mb-4">
<svg class="m-2" xmlns="http://www.w3.org/2000/svg" width="76" height="76" viewBox="0 0 76 76" fill="none"><path d="M62.631 13.369l-7.214 7.214M20.583 55.417l-7.214 7.214M38 51.037c0-11.315-13.926-11.315-13.926-11.315s0 13.926 11.315 13.926H38m0-2.611v2.611m0-2.611c0-11.315 13.926-11.315 13.926-11.315s0 13.926-11.315 13.926H38m0-14.222c0-11.315-13.926-11.315-13.926-11.315s0 13.926 11.315 13.926H38m0-2.611v2.611m0-2.611c0-11.315 13.926-11.315 13.926-11.315s0 13.926-11.315 13.926H38m0 18.585v-6.967M72.833 38c0 19.238-15.595 34.833-34.833 34.833S3.167 57.238 3.167 38 18.762 3.167 38 3.167 72.833 18.762 72.833 38zM38 15.378s9.847 9.849 1.846 17.849L38 35.074l-1.846-1.847C28.153 25.227 38 15.378 38 15.378z" stroke="currentColor" stroke-width="2.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/></svg>
</div>
<h3 class="h5 mb-2">Gluten-Free</h3>
<p class="fs-sm mb-0">Foods that don't contain gluten</p>
</div>