Buffer icon
logos:buffer
The Buffer icon (logos:buffer) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 256 × 262 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 × 262
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="262" viewBox="0 0 256 262"><path d="M136.442 1.515c38.04 17.645 76.703 35.867 114.69 53.622c2.027.948 4.685 1.593 4.688 4.463c.004 2.875-2.65 3.515-4.682 4.464a76683 76683 0 0 1-114.45 53.437c-5.814 2.707-11.784 2.672-17.605-.041A104727 104727 0 0 1 4.403 63.907c-1.967-.92-4.442-1.616-4.365-4.413c.072-2.617 2.44-3.297 4.332-4.182C42.747 37.38 81.513 19.166 119.94 1.344c4.062-1.881 12.27-1.753 16.502.17m-8.562 260.047c-2.767 0-4.84-1.05-8.794-2.53c-38.185-17.712-76.323-35.526-114.458-53.346c-2.027-.947-4.652-1.616-4.628-4.504c.025-2.873 2.652-3.507 4.68-4.471c6.325-3.008 12.683-5.948 19.038-8.893c6.35-2.943 12.657-2.902 19.025.083c25.28 11.85 50.586 23.64 75.876 35.465c6.28 2.936 12.506 2.875 18.778-.063a70166 70166 0 0 1 76.108-35.573c5.992-2.797 12.063-2.875 18.083-.147c6.77 3.067 13.49 6.244 20.214 9.405c.997.469 2.008.998 2.843 1.7c1.797 1.515 1.821 3.566-.013 5.035c-1.115.893-2.449 1.55-3.757 2.16c-37.827 17.674-75.649 35.358-113.527 52.922c-2.944 1.364-6.7 2.757-9.468 2.757m-.134-70.823c-1.265 0-6.18-1.342-8.978-2.641c-38.028-17.66-76.005-35.43-113.985-53.191c-2.04-.954-4.7-1.57-4.753-4.412c-.056-3.015 2.728-3.618 4.828-4.617c6.396-3.045 12.81-6.056 19.247-9.014c6.104-2.804 12.218-2.738 18.317.11c25.535 11.928 51.07 23.858 76.623 35.746c5.915 2.752 11.922 2.73 17.842-.025c25.627-11.933 51.236-23.903 76.86-35.844c5.924-2.761 11.91-2.76 17.838-.054c6.756 3.082 13.47 6.257 20.191 9.414c.923.434 1.87.892 2.66 1.52c2.04 1.62 2.023 3.759-.04 5.38c-.794.625-1.737 1.086-2.66 1.518c-38.37 17.937-76.732 35.89-115.148 53.725c-2.64 1.227-7.578 2.385-8.842 2.385"/></svg>
How to use the Buffer icon
React
import { Icon } from "@iconify/react";
<Icon icon="logos:buffer" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:buffer" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:buffer" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--buffer]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:buffer"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:buffer"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/logos/buffer.svg" alt="Buffer icon" width="24" height="24">
Buffer icon in other icon sets
Buffer icon FAQ
Is the Buffer 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 Buffer icon in React?
Install @iconify/react and render <Icon icon="logos:buffer" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Buffer icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/buffer.svg" alt="Buffer icon">, or paste the SVG code inline to style it with CSS.
Browse all SVG Logos icons →
ICONYZ
