Speakerdeck icon
logos:speakerdeck
The Speakerdeck icon (logos:speakerdeck) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 256 × 160 grid. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- SVG Logos
- Author
- Gil Barbara
- License
- CC0-1.0
- Size
- 256 × 160
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="160" viewBox="0 0 256 160"><path fill="#009287" d="M106.932 100H50C22.386 100 0 77.614 0 50S22.386 0 50 0h66.421c11.046 0 20 8.954 20 20s-8.954 20-20 20H48.977c-5.522 0-10 4.477-10 10s4.478 10 10 10h56.933c27.614 0 50 22.386 50 50s-22.386 50-50 50H20c-11.046 0-20-8.954-20-20s8.954-20 20-20h86.932c5.523 0 10-4.477 10-10s-4.477-10-10-10m42.082 60c13.299-8.994 22.804-23.332 25.554-40h32.275c5.43 0 9.832-4.477 9.832-10V50c0-5.523-4.402-10-9.832-10h-58.632c4.67-5.308 7.51-12.316 7.51-20s-2.84-14.692-7.51-20h68.464C238.393 0 256 17.909 256 40v80c0 22.091-17.607 40-39.325 40z"/></svg>How to use the Speakerdeck icon
React
import { Icon } from "@iconify/react";
<Icon icon="logos:speakerdeck" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:speakerdeck" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:speakerdeck" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--speakerdeck]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:speakerdeck"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:speakerdeck"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/logos/speakerdeck.svg" alt="Speakerdeck icon" width="24" height="24">Speakerdeck icon in other icon sets
Speakerdeck icon FAQ
Is the Speakerdeck icon free for commercial use?
Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.
How do I use the Speakerdeck icon in React?
Install @iconify/react and render <Icon icon="logos:speakerdeck" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Speakerdeck icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/speakerdeck.svg" alt="Speakerdeck icon">, or paste the SVG code inline to style it with CSS.