ICONYZ
English
Beyond Up icon from Custom Brand Icons

Beyond Up icon

cbi:beyond-up

The Beyond Up icon (cbi:beyond-up) 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
Tags
beyondup
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="M18.633 7.613a9.1 9.1 0 0 0-1.64-2.123a9 9 0 0 0-.677-.593h.273a.45.45 0 0 0 .401-.247a.45.45 0 0 0-.044-.467a6.37 6.37 0 0 0-4.914-2.18a6.2 6.2 0 0 0-4.923 2.184a.45.45 0 0 0-.04.465a.45.45 0 0 0 .401.245h.165q-.323.259-.629.56a9.1 9.1 0 0 0-1.64 2.16a.45.45 0 0 0 .019.432a.45.45 0 0 0 .382.211h5.672v9.66l.002.098a.8.8 0 0 1-.092.331a.93.93 0 0 1-.789.402a15 15 0 0 0-2.287.416a6.6 6.6 0 0 0-.988.33c-.175.079-.639.288-.639.713c0 .759 1.314 1.398 1.732 1.498a16.5 16.5 0 0 0 3.423.289a17.5 17.5 0 0 0 3.535-.29a3.3 3.3 0 0 0 .962-.562a1.64 1.64 0 0 0 .768-1.17c0-.549-.681-.789-1.703-.979a21 21 0 0 0-2.252-.272a.73.73 0 0 1-.672-.378a1 1 0 0 1-.1-.352q0-.07-.002-.086V8.26h5.896a.45.45 0 0 0 .383-.213a.45.45 0 0 0 .016-.434M6.564 7.371a9 9 0 0 1 1.073-1.282a7.1 7.1 0 0 1 1.596-1.191h5.463a7.2 7.2 0 0 1 1.649 1.21a9 9 0 0 1 1.08 1.264Z"/></svg>

How to use the Beyond Up icon

React

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

<Icon icon="cbi:beyond-up" width="24" />

Vue

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

<template>
  <Icon icon="cbi:beyond-up" width="24" />
</template>

Svelte

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

<Icon icon="cbi:beyond-up" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="cbi:beyond-up"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/cbi/beyond-up.svg" alt="Beyond Up icon" width="24" height="24">

Related icons in Custom Brand Icons

beyond icon
beyond
 beyond-down icon
beyond-down
 beyond-solid icon
beyond-solid

Beyond Up icon FAQ

Is the Beyond Up 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 Beyond Up icon in React?

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

How do I add the Beyond Up icon to a web page?

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

Browse all Custom Brand Icons →