speaker deck logo

speaker-deck from Font Awesome Brands by Dave Gandy · Brand · CC-BY-4.0 Attribution required.

Name: speaker-deck
Set: Font Awesome Brands
Style: Brand
Viewbox: 640×640
License: CC BY 4.0

The same logo in other sets

speaker-deckCoreUI Brands speaker-deckFont Awesome 6 Brands speaker-deckLine Awesome

Use the speaker deck logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M277.9 360H164c-26.5 0-52-10.5-70.7-29.3S64 286.5 64 260s10.5-52 29.3-70.7S137.5 160 164 160h132.8c10.6 0 20.8 4.2 28.3 11.7s11.7 17.7 11.7 28.3s-4.2 20.8-11.7 28.3s-17.7 11.7-28.3 11.7H162c-26.5 0-26.4 40 0 40h113.8c26.5 0 52 10.5 70.7 29.3s29.3 44.2 29.3 70.7s-10.5 52-29.3 70.7s-44.2 29.3-70.7 29.3H104c-10.6 0-20.8-4.2-28.3-11.7S64 450.6 64 440s4.2-20.8 11.7-28.3S93.4 400 104 400h173.9c26.5 0 26.5-40 0-40M362 480c13.5-9.2 25-21 33.8-34.7s14.7-29.2 17.3-45.3h64.6c2.6 0 5.2-.6 7.6-1.6s4.6-2.5 6.4-4.4s3.3-4.1 4.2-6.5s1.5-5 1.4-7.6v-120c0-2.6-.5-5.2-1.4-7.6s-2.4-4.6-4.2-6.5s-4-3.3-6.4-4.4s-5-1.6-7.6-1.6H360.5c9.7-11.1 15-25.3 15-40s-5.3-28.9-15-40h136.9c43.4 0 78.6 35.8 78.6 80v160c0 44.2-35.2 80-78.6 80z"/></svg>

React

import type { SVGProps } from "react";

export function Fa7BrandsSpeakerDeck(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M277.9 360H164c-26.5 0-52-10.5-70.7-29.3S64 286.5 64 260s10.5-52 29.3-70.7S137.5 160 164 160h132.8c10.6 0 20.8 4.2 28.3 11.7s11.7 17.7 11.7 28.3s-4.2 20.8-11.7 28.3s-17.7 11.7-28.3 11.7H162c-26.5 0-26.4 40 0 40h113.8c26.5 0 52 10.5 70.7 29.3s29.3 44.2 29.3 70.7s-10.5 52-29.3 70.7s-44.2 29.3-70.7 29.3H104c-10.6 0-20.8-4.2-28.3-11.7S64 450.6 64 440s4.2-20.8 11.7-28.3S93.4 400 104 400h173.9c26.5 0 26.5-40 0-40M362 480c13.5-9.2 25-21 33.8-34.7s14.7-29.2 17.3-45.3h64.6c2.6 0 5.2-.6 7.6-1.6s4.6-2.5 6.4-4.4s3.3-4.1 4.2-6.5s1.5-5 1.4-7.6v-120c0-2.6-.5-5.2-1.4-7.6s-2.4-4.6-4.2-6.5s-4-3.3-6.4-4.4s-5-1.6-7.6-1.6H360.5c9.7-11.1 15-25.3 15-40s-5.3-28.9-15-40h136.9c43.4 0 78.6 35.8 78.6 80v160c0 44.2-35.2 80-78.6 80z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M277.9 360H164c-26.5 0-52-10.5-70.7-29.3S64 286.5 64 260s10.5-52 29.3-70.7S137.5 160 164 160h132.8c10.6 0 20.8 4.2 28.3 11.7s11.7 17.7 11.7 28.3s-4.2 20.8-11.7 28.3s-17.7 11.7-28.3 11.7H162c-26.5 0-26.4 40 0 40h113.8c26.5 0 52 10.5 70.7 29.3s29.3 44.2 29.3 70.7s-10.5 52-29.3 70.7s-44.2 29.3-70.7 29.3H104c-10.6 0-20.8-4.2-28.3-11.7S64 450.6 64 440s4.2-20.8 11.7-28.3S93.4 400 104 400h173.9c26.5 0 26.5-40 0-40M362 480c13.5-9.2 25-21 33.8-34.7s14.7-29.2 17.3-45.3h64.6c2.6 0 5.2-.6 7.6-1.6s4.6-2.5 6.4-4.4s3.3-4.1 4.2-6.5s1.5-5 1.4-7.6v-120c0-2.6-.5-5.2-1.4-7.6s-2.4-4.6-4.2-6.5s-4-3.3-6.4-4.4s-5-1.6-7.6-1.6H360.5c9.7-11.1 15-25.3 15-40s-5.3-28.9-15-40h136.9c43.4 0 78.6 35.8 78.6 80v160c0 44.2-35.2 80-78.6 80z"/></svg>
</template>

CSS

.icon-speaker-deck {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M277.9%20360H164c-26.5%200-52-10.5-70.7-29.3S64%20286.5%2064%20260s10.5-52%2029.3-70.7S137.5%20160%20164%20160h132.8c10.6%200%2020.8%204.2%2028.3%2011.7s11.7%2017.7%2011.7%2028.3s-4.2%2020.8-11.7%2028.3s-17.7%2011.7-28.3%2011.7H162c-26.5%200-26.4%2040%200%2040h113.8c26.5%200%2052%2010.5%2070.7%2029.3s29.3%2044.2%2029.3%2070.7s-10.5%2052-29.3%2070.7s-44.2%2029.3-70.7%2029.3H104c-10.6%200-20.8-4.2-28.3-11.7S64%20450.6%2064%20440s4.2-20.8%2011.7-28.3S93.4%20400%20104%20400h173.9c26.5%200%2026.5-40%200-40M362%20480c13.5-9.2%2025-21%2033.8-34.7s14.7-29.2%2017.3-45.3h64.6c2.6%200%205.2-.6%207.6-1.6s4.6-2.5%206.4-4.4s3.3-4.1%204.2-6.5s1.5-5%201.4-7.6v-120c0-2.6-.5-5.2-1.4-7.6s-2.4-4.6-4.2-6.5s-4-3.3-6.4-4.4s-5-1.6-7.6-1.6H360.5c9.7-11.1%2015-25.3%2015-40s-5.3-28.9-15-40h136.9c43.4%200%2078.6%2035.8%2078.6%2080v160c0%2044.2-35.2%2080-78.6%2080z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M277.9%20360H164c-26.5%200-52-10.5-70.7-29.3S64%20286.5%2064%20260s10.5-52%2029.3-70.7S137.5%20160%20164%20160h132.8c10.6%200%2020.8%204.2%2028.3%2011.7s11.7%2017.7%2011.7%2028.3s-4.2%2020.8-11.7%2028.3s-17.7%2011.7-28.3%2011.7H162c-26.5%200-26.4%2040%200%2040h113.8c26.5%200%2052%2010.5%2070.7%2029.3s29.3%2044.2%2029.3%2070.7s-10.5%2052-29.3%2070.7s-44.2%2029.3-70.7%2029.3H104c-10.6%200-20.8-4.2-28.3-11.7S64%20450.6%2064%20440s4.2-20.8%2011.7-28.3S93.4%20400%20104%20400h173.9c26.5%200%2026.5-40%200-40M362%20480c13.5-9.2%2025-21%2033.8-34.7s14.7-29.2%2017.3-45.3h64.6c2.6%200%205.2-.6%207.6-1.6s4.6-2.5%206.4-4.4s3.3-4.1%204.2-6.5s1.5-5%201.4-7.6v-120c0-2.6-.5-5.2-1.4-7.6s-2.4-4.6-4.2-6.5s-4-3.3-6.4-4.4s-5-1.6-7.6-1.6H360.5c9.7-11.1%2015-25.3%2015-40s-5.3-28.9-15-40h136.9c43.4%200%2078.6%2035.8%2078.6%2080v160c0%2044.2-35.2%2080-78.6%2080z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa7-brands/speaker-deck.svg?color=%231a73e8&size=48