Meme icon

token-branded:meme

The Meme icon (token-branded:meme) is a free SVG icon from the Web3 Icons Branded set by 0xa3k5. It is drawn on a 24 × 24 grid. Web3 Icons Branded icons are released under the MIT 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: Web3 Icons Branded
Author: 0xa3k5
License: MIT
Size: 24 × 24

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path fill="#451834" d="M8.538 3H7.154v1.385h1.384zm1.385 0H8.54v1.385h1.384z"/><path fill="#451834" d="M11.308 3H9.923v1.385h1.384zm1.384 0h-1.384v1.385h1.384zm1.385 0h-1.385v1.385h1.385zm1.385 0h-1.385v1.385h1.385z"/><path fill="#451834" d="M16.846 3h-1.385v1.385h1.385zM7.154 4.385H5.769v1.384h1.385z"/><path fill="#a1472a" d="M8.538 4.385H7.154v1.384h1.384z"/><path fill="#ffe84f" d="M9.923 4.385H8.54v1.384h1.384z"/><path fill="#ffe84f" d="M11.308 4.385H9.923v1.384h1.384zm1.384 0h-1.384v1.384h1.384zm1.385 0h-1.385v1.384h1.385zm1.385 0h-1.385v1.384h1.385z"/><path fill="#ffe84f" d="M16.846 4.385h-1.385v1.384h1.385z"/><path fill="#451834" d="M18.23 4.385h-1.384v1.384h1.385zM5.77 5.769H4.384v1.385h1.384z"/><path fill="#a1472a" d="M7.154 5.769H5.769v1.385h1.385z"/><path fill="#ffe84f" d="M8.538 5.769H7.154v1.385h1.384z"/><path fill="#e39400" d="M9.923 5.769H8.54v1.385h1.384z"/><path fill="#e39400" d="M11.308 5.769H9.923v1.385h1.384zm1.384 0h-1.384v1.385h1.384zm1.385 0h-1.385v1.385h1.385zm1.385 0h-1.385v1.385h1.385z"/><path fill="#a1472a" d="M16.846 5.769h-1.385v1.385h1.385z"/><path fill="#ffe84f" d="M18.23 5.769h-1.384v1.385h1.385z"/><path fill="#451834" d="M19.616 5.769H18.23v1.385h1.385zM4.385 7.154H3v1.384h1.385z"/><path fill="#a1472a" d="M5.77 7.154H4.384v1.384h1.384z"/><path fill="#ffe84f" d="M7.154 7.154H5.769v1.384h1.385z"/><path fill="#e39400" d="M8.538 7.154H7.154v1.384h1.384zm1.385 0H8.54v1.384h1.384z"/><path fill="#e39400" d="M11.308 7.154H9.923v1.384h1.384zm1.384 0h-1.384v1.384h1.384zm1.385 0h-1.385v1.384h1.385zm1.385 0h-1.385v1.384h1.385z"/><path fill="#e39400" d="M16.846 7.154h-1.385v1.384h1.385z"/><path fill="#a1472a" d="M18.23 7.154h-1.384v1.384h1.385z"/><path fill="#ffe84f" d="M19.616 7.154H18.23v1.384h1.385z"/><path fill="#451834" d="M21 7.154h-1.385v1.384H21zM4.385 8.539H3v1.384h1.385z"/><path fill="#a1472a" d="M5.77 8.539H4.384v1.384h1.384z"/><path fill="#ffe84f" d="M7.154 8.539H5.769v1.384h1.385z"/><path fill="#e39400" d="M8.538 8.539H7.154v1.384h1.384z"/><path fill="#a1472a" d="M9.923 8.539H8.54v1.384h1.384z"/><path fill="#a1472a" d="M11.308 8.539H9.923v1.384h1.384z"/><path fill="#e39400" d="M12.692 8.539h-1.384v1.384h1.384z"/><path fill="#a1472a" d="M14.077 8.539h-1.385v1.384h1.385zm1.385 0h-1.385v1.384h1.385z"/><path fill="#e39400" d="M16.846 8.539h-1.385v1.384h1.385z"/><path fill="#a1472a" d="M18.23 8.539h-1.384v1.384h1.385z"/><path fill="#ffe84f" d="M19.616 8.539H18.23v1.384h1.385z"/><path fill="#451834" d="M21 8.539h-1.385v1.384H21zM4.385 9.923H3v1.384h1.385z"/><path fill="#a1472a" d="M5.77 9.923H4.384v1.384h1.384z"/><path fill="#ffe84f" d="M7.154 9.923H5.769v1.384h1.385z"/><path fill="#e39400" d="M8.538 9.923H7.154v1.384h1.384z"/><path fill="#a1472a" d="M9.923 9.923H8.54v1.384h1.384z"/><path fill="#a1472a" d="M11.308 9.923H9.923v1.384h1.384zm1.384 0h-1.384v1.384h1.384zm1.385 0h-1.385v1.384h1.385zm1.385 0h-1.385v1.384h1.385z"/><path fill="#e39400" d="M16.846 9.923h-1.385v1.384h1.385z"/><path fill="#a1472a" d="M18.23 9.923h-1.384v1.384h1.385z"/><path fill="#ffe84f" d="M19.616 9.923H18.23v1.384h1.385z"/><path fill="#451834" d="M21 9.923h-1.385v1.384H21zM4.385 11.308H3v1.384h1.385z"/><path fill="#a1472a" d="M5.77 11.308H4.384v1.384h1.384z"/><path fill="#ffe84f" d="M7.154 11.308H5.769v1.384h1.385z"/><path fill="#e39400" d="M8.538 11.308H7.154v1.384h1.384z"/><path fill="#a1472a" d="M9.923 11.308H8.54v1.384h1.384z"/><path fill="#a1472a" d="M11.308 11.308H9.923v1.384h1.384zm1.384 0h-1.384v1.384h1.384zm1.385 0h-1.385v1.384h1.385zm1.385 0h-1.385v1.384h1.385z"/><path fill="#e39400" d="M16.846 11.308h-1.385v1.384h1.385z"/><path fill="#a1472a" d="M18.23 11.308h-1.384v1.384h1.385z"/><path fill="#ffe84f" d="M19.616 11.308H18.23v1.384h1.385z"/><path fill="#451834" d="M21 11.308h-1.385v1.384H21zM4.385 12.692H3v1.385h1.385z"/><path fill="#a1472a" d="M5.77 12.692H4.384v1.385h1.384z"/><path fill="#ffe84f" d="M7.154 12.692H5.769v1.385h1.385z"/><path fill="#e39400" d="M8.538 12.692H7.154v1.385h1.384z"/><path fill="#a1472a" d="M9.923 12.692H8.54v1.385h1.384z"/><path fill="#e39400" d="M11.308 12.692H9.923v1.385h1.384z"/><path fill="#a1472a" d="M12.692 12.692h-1.384v1.385h1.384z"/><path fill="#e39400" d="M14.077 12.692h-1.385v1.385h1.385z"/><path fill="#a1472a" d="M15.462 12.692h-1.385v1.385h1.385z"/><path fill="#e39400" d="M16.846 12.692h-1.385v1.385h1.385z"/><path fill="#a1472a" d="M18.23 12.692h-1.384v1.385h1.385z"/><path fill="#ffe84f" d="M19.616 12.692H18.23v1.385h1.385z"/><path fill="#451834" d="M21 12.692h-1.385v1.385H21zM4.385 14.077H3v1.385h1.385z"/><path fill="#a1472a" d="M5.77 14.077H4.384v1.385h1.384z"/><path fill="#ffe84f" d="M7.154 14.077H5.769v1.385h1.385z"/><path fill="#e39400" d="M8.538 14.077H7.154v1.385h1.384z"/><path fill="#a1472a" d="M9.923 14.077H8.54v1.385h1.384z"/><path fill="#e39400" d="M11.308 14.077H9.923v1.385h1.384zm1.384 0h-1.384v1.385h1.384zm1.385 0h-1.385v1.385h1.385z"/><path fill="#a1472a" d="M15.462 14.077h-1.385v1.385h1.385z"/><path fill="#e39400" d="M16.846 14.077h-1.385v1.385h1.385z"/><path fill="#a1472a" d="M18.23 14.077h-1.384v1.385h1.385z"/><path fill="#ffe84f" d="M19.616 14.077H18.23v1.385h1.385z"/><path fill="#451834" d="M21 14.077h-1.385v1.385H21zM4.385 15.461H3v1.385h1.385z"/><path fill="#a1472a" d="M5.77 15.461H4.384v1.385h1.384z"/><path fill="#ffe84f" d="M7.154 15.461H5.769v1.385h1.385z"/><path fill="#e39400" d="M8.538 15.461H7.154v1.385h1.384zm1.385 0H8.54v1.385h1.384z"/><path fill="#e39400" d="M11.308 15.461H9.923v1.385h1.384zm1.384 0h-1.384v1.385h1.384zm1.385 0h-1.385v1.385h1.385zm1.385 0h-1.385v1.385h1.385z"/><path fill="#e39400" d="M16.846 15.461h-1.385v1.385h1.385z"/><path fill="#a1472a" d="M18.23 15.461h-1.384v1.385h1.385z"/><path fill="#ffe84f" d="M19.616 15.461H18.23v1.385h1.385z"/><path fill="#451834" d="M21 15.461h-1.385v1.385H21zM5.77 16.846H4.384v1.385h1.384z"/><path fill="#a1472a" d="M7.154 16.846H5.769v1.385h1.385z"/><path fill="#ffe84f" d="M8.538 16.846H7.154v1.385h1.384z"/><path fill="#e39400" d="M9.923 16.846H8.54v1.385h1.384z"/><path fill="#e39400" d="M11.308 16.846H9.923v1.385h1.384zm1.384 0h-1.384v1.385h1.384zm1.385 0h-1.385v1.385h1.385zm1.385 0h-1.385v1.385h1.385z"/><path fill="#a1472a" d="M16.846 16.846h-1.385v1.385h1.385z"/><path fill="#ffe84f" d="M18.23 16.846h-1.384v1.385h1.385z"/><path fill="#451834" d="M19.616 16.846H18.23v1.385h1.385zM7.154 18.231H5.769v1.385h1.385z"/><path fill="#a1472a" d="M8.538 18.231H7.154v1.385h1.384z"/><path fill="#ffe84f" d="M9.923 18.231H8.54v1.385h1.384z"/><path fill="#ffe84f" d="M11.308 18.231H9.923v1.385h1.384zm1.384 0h-1.384v1.385h1.384zm1.385 0h-1.385v1.385h1.385zm1.385 0h-1.385v1.385h1.385z"/><path fill="#ffe84f" d="M16.846 18.231h-1.385v1.385h1.385z"/><path fill="#451834" d="M18.23 18.231h-1.384v1.385h1.385zm-9.692 1.384H7.154V21h1.384zm1.385 0H8.54V21h1.384z"/><path fill="#451834" d="M11.308 19.615H9.923V21h1.384zm1.384 0h-1.384V21h1.384zm1.385 0h-1.385V21h1.385zm1.385 0h-1.385V21h1.385z"/><path fill="#451834" d="M16.846 19.615h-1.385V21h1.385z"/></g></svg>

How to use the Meme icon

React

import { Icon } from "@iconify/react";

<Icon icon="token-branded:meme" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="token-branded:meme" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="token-branded:meme" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--meme]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:meme"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="token-branded:meme"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/token-branded/meme.svg" alt="Meme icon" width="24" height="24">

Related icons in Web3 Icons Branded

Meme icon in other icon sets

Meme icon FAQ

Is the Meme icon free for commercial use?

Yes. Web3 Icons Branded icons are released under the MIT license, which allows use in personal and commercial projects.

How do I use the Meme icon in React?

Install @iconify/react and render <Icon icon="token-branded:meme" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Meme icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/token-branded/meme.svg" alt="Meme icon">, or paste the SVG code inline to style it with CSS.

Browse all Web3 Icons Branded icons →