@collab-ui/core/scss/components/activity-button/examples/large.html

Cisco Collab UI CSS Framework

<div class="cui-button__container">
  <button
    class="cui-button cui-button--circle cui-button--84 cui-activity cui-activity__chat"
    alt="Chat" type="button" aria-label="Chat">
    <span class="cui-button__children">
      <i class="icon icon-chat_36"></i>
    </span>
  </button>
  <div class="cui-button__label">Chat</div>
</div>
<div class="cui-button__container">
  <button
    class="cui-button cui-button--circle cui-button--84 cui-activity cui-activity__camera"
    alt="Camera" type="button" aria-label="Camera">
    <span class="cui-button__children">
      <i class="icon icon-camera_36"></i>
    </span>
  </button>
  <div class="cui-button__label">Camera</div>
</div>
<div class="cui-button__container">
  <button
    class="cui-button cui-button--circle cui-button--84 cui-activity cui-activity__meetings"
    alt="Meetings" type="button" aria-label="Meetings">
    <span class="cui-button__children">
      <i class="icon icon-meetings_36"></i>
    </span>
  </button>
  <div class="cui-button__label">Meetings</div>
</div>
<div class="cui-button__container">
  <button
    class="cui-button cui-button--circle cui-button--84 cui-activity cui-activity__whiteboard"
    alt="Whiteboard" type="button" aria-label="Whiteboard">
    <span class="cui-button__children">
      <i class="icon icon-whiteboard_36"></i>
    </span>
  </button>
  <div class="cui-button__label">Whiteboard</div>
</div>
<div class="cui-button__container">
  <button
    class="cui-button cui-button--circle cui-button--84 cui-activity cui-activity__files"
    alt="Files" type="button" aria-label="Files">
    <span class="cui-button__children">
      <i class="icon icon-files_36"></i>
    </span>
  </button>
  <div class="cui-button__label">Files</div>
</div>
<div class="cui-button__container">
  <button
    class="cui-button cui-button--circle cui-button--84 cui-activity cui-activity__share-screen"
    alt="Share" type="button" aria-label="Share">
    <span class="cui-button__children">
      <i class="icon icon-share-screen_36"></i>
    </span>
  </button>
  <div class="cui-button__label">Share</div>
</div>
<div class="cui-button__container">
  <button
    class="cui-button cui-button--circle cui-button--84 cui-activity cui-activity__tasks"
    alt="Tasks" type="button" aria-label="Tasks" title="tasks">
    <span class="cui-button__children">
      <i class="icon icon-tasks_36"></i>
    </span>
  </button>
  <div class="cui-button__label">Tasks</div>
</div>