Meta icon

cbi:meta

The Meta icon (cbi:meta) is a free SVG icon from the Custom Brand Icons set by Emanuele & rchiileea. It is drawn on a 24 × 24 grid. Custom Brand Icons use the CC BY-NC-SA 4.0 license, which does not allow commercial use without separate permission from the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Custom Brand Icons
Author: Emanuele & rchiileea
License: CC-BY-NC-SA-4.0
Size: 24 × 24

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m7.273 14.665l-1.454-2.63h-.856v4.322h.698v-3.312l1.275 2.293h.654l1.276-2.293v3.312h.697v-4.322h-.836Zm8.465 1.126a2.2 2.2 0 0 1-.429.04c-.389 0-.546-.175-.546-.67v-1.452h.975v-.572h-.975v-.945h-.673v.945h-.643v.572h.643v1.527q0 1.193 1.089 1.192a2 2 0 0 0 .559-.077Zm3.507.566v-3.22h-.66v.414a1.23 1.23 0 0 0-1.028-.491a1.536 1.536 0 0 0-1.498 1.686a1.53 1.53 0 0 0 1.461 1.688a1.25 1.25 0 0 0 1.065-.528v.451Zm-.673-1.127a.95.95 0 0 1-.907.593c-.578 0-.917-.428-.917-1.077a.943.943 0 0 1 .945-1.075a.91.91 0 0 1 .88.593Zm-6.811-2.17a1.57 1.57 0 0 0-1.578 1.695a1.577 1.577 0 0 0 1.629 1.678a1.92 1.92 0 0 0 1.357-.503l-.371-.454a1.28 1.28 0 0 1-.96.374a.933.933 0 0 1-.964-.849h2.368v-.192c.001-1.044-.553-1.749-1.481-1.749m-.886 1.43a.897.897 0 0 1 .874-.844a.81.81 0 0 1 .824.844Zm2.963.184v-.713h-.428Zm-5.224-.658l-.874 1.573h-.464a2.06 2.06 0 0 1-1.363.882v.137H4.712v-.596c-.024-.026-.049-.045-.071-.073s-.066-.073-.095-.119a3.3 3.3 0 0 1-.387-1.704q-.001-.077.006-.15a9.7 9.7 0 0 1 1.299-4.792l.077-.13a2.78 2.78 0 0 1 2.184-1.516c.054 0 .101.008.152.011a3.12 3.12 0 0 1 2.077 1.198a12 12 0 0 1 .934 1.178l.094.134l.094.134q.394.567.837 1.285l.091.147q.044.075.09.148l.063.101l1.008 1.692l.026.033v-.706h.642v-.945h.929l-.469-.782a37 37 0 0 0-.955-1.511l-.091-.138l-.093-.134a23 23 0 0 0-.79-1.092a2 2 0 0 0-.101-.124l-.101-.121a10.8 10.8 0 0 0-1.535-1.593a4.37 4.37 0 0 0-2.715-1.071c-.051 0-.101-.013-.151-.013a5.03 5.03 0 0 0-4.058 2.592c-.027.041-.045.092-.072.134a11.44 11.44 0 0 0-1.621 5.803c0 .049-.01.101-.01.15a8 8 0 0 0 .043.854a5.2 5.2 0 0 0 .663 2.14q.041.064.085.125a3.24 3.24 0 0 0 2.908 1.48c1.244 0 2.19-.558 3.296-2.027h-.381Zm6.406-.055v1.195c0 .418.1.418.293.418a2 2 0 0 0 .389-.036l.231-.039a2.3 2.3 0 0 1-.12-.753a2.3 2.3 0 0 1 .133-.785Zm6.964-.105a11.1 11.1 0 0 0-1.725-6.057a4.84 4.84 0 0 0-3.929-2.441a3.93 3.93 0 0 0-2.544 1.09a10.4 10.4 0 0 0-1.424 1.584c.033.041.947 1.294.978 1.339c.029-.043.058-.093.088-.135c.934-1.389 1.764-2.168 2.797-2.168a3.11 3.11 0 0 1 2.492 1.669a10.1 10.1 0 0 1 1.363 5.182c0 .05.008.101.008.15a2.9 2.9 0 0 1-.591 2.038v.504h-1.165v-.135a1.57 1.57 0 0 1-.812.21a1.64 1.64 0 0 1-1.53-1.023v.879l-.183.052a2.2 2.2 0 0 1-.623.085a8.6 8.6 0 0 0 .822.944a3.36 3.36 0 0 0 2.4 1.008h.15a3 3 0 0 0 2.721-1.511a6.05 6.05 0 0 0 .718-3.124c-.001-.038-.01-.091-.011-.14m-10.693-.988c.174-.302.605-1.071.624-1.108a255 255 0 0 0-1.026-1.58s-.478.758-1.076 1.687v3.551l.155-.252a2.3 2.3 0 0 1-.038-.411a1.85 1.85 0 0 1 1.361-1.887m3.729.018h.324l-.324-.536Z"/></svg>

How to use the Meta icon

React

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

<Icon icon="cbi:meta" width="24" />

Vue

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

<template>
  <Icon icon="cbi:meta" width="24" />
</template>

Svelte

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

<Icon icon="cbi:meta" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--meta]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:meta"></div>

Web component

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

<iconify-icon icon="cbi:meta"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/cbi/meta.svg" alt="Meta icon" width="24" height="24">

Meta icon in other icon sets

Meta icon FAQ

Is the Meta icon free for commercial use?

No. Custom Brand Icons use the CC BY-NC-SA 4.0 license, which does not allow commercial use without separate permission from the author.

How do I use the Meta icon in React?

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

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

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

Browse all Custom Brand Icons →