Storyblok icon

logos:storyblok

The Storyblok icon (logos:storyblok) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 512 × 109 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: 512 × 109

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="109" viewBox="0 0 512 109"><path fill="#141a2f" d="M148.732 75.647a35.2 35.2 0 0 1-10.987-1.71a25.1 25.1 0 0 1-9.172-5.34l4.8-8.117a43.6 43.6 0 0 0 7.786 4.272a18 18 0 0 0 7.252 1.497c1.704 0 3.093-.321 4.052-.963c.96-.534 1.386-1.494 1.386-2.67c0-1.068-.53-2.136-1.812-2.778a27.7 27.7 0 0 0-6.292-2.136l-7.469-2.456c-2.024-.855-3.623-1.71-4.904-2.67a7.86 7.86 0 0 1-2.771-3.207a10.5 10.5 0 0 1-.852-4.272a13.9 13.9 0 0 1 5.012-10.895c1.49-1.28 3.41-2.244 5.543-2.99c2.136-.748 4.481-1.069 6.934-1.069c3.309 0 6.398.426 9.277 1.281c2.883.963 5.654 2.565 8.32 4.914l-5.224 8.012a35.5 35.5 0 0 0-6.614-3.737a14.25 14.25 0 0 0-5.759-1.18c-1.385 0-2.666.217-3.626.859c-1.068.534-1.494 1.493-1.494 2.778c0 1.277.534 2.135 1.6 2.774c1.067.642 3.2 1.284 6.079 2.031a76 76 0 0 1 7.894 2.457c2.13.852 3.84 1.815 5.225 2.778a9.51 9.51 0 0 1 3.84 8.33c0 4.38-1.6 7.796-4.908 10.361c-3.197 2.565-7.465 3.846-13.116 3.846m52.792-3.099a54 54 0 0 1-6.29 2.14c-2.348.638-4.693 1.067-7.147 1.067c-1.707 0-3.2-.213-4.694-.642a10.7 10.7 0 0 1-3.944-2.136c-1.068-.855-1.92-2.136-2.562-3.525a13.75 13.75 0 0 1-1.064-5.447V41.039h-5.55v-10.04h5.651V17h13.224v13.89h8.96v10.144h-8.96V59.41c0 1.389.321 2.457 1.068 3.204c.747.534 1.707.851 2.775.851c1.065 0 2.13-.104 3.092-.53c1.065-.321 2.025-.642 2.772-1.068l2.561 10.679h.105zm24.958 3.099a25.6 25.6 0 0 1-9.919-1.815a20.92 20.92 0 0 1-11.946-12.284a24.6 24.6 0 0 1 0-17.306a20.92 20.92 0 0 1 11.946-12.284c2.883-1.172 6.185-1.815 9.92-1.815a22.38 22.38 0 0 1 17.279 6.945c2.024 2.028 3.518 4.485 4.586 7.154a23.96 23.96 0 0 1 0 17.41a21.03 21.03 0 0 1-11.839 12.183a25.6 25.6 0 0 1-10.027 1.815zm-9.598-22.645c0 3.42.852 6.194 2.667 8.225q2.879 3.204 7.04 3.204a8.74 8.74 0 0 0 6.93-3.204a11.9 11.9 0 0 0 2.028-3.633c.531-1.389.744-2.99.744-4.592c0-3.525-.96-6.303-2.771-8.33a8.74 8.74 0 0 0-6.932-3.208a9.06 9.06 0 0 0-6.934 3.207c-.852 1.068-1.599 2.136-2.13 3.63a13.9 13.9 0 0 0-.642 4.7m67.513-10.574c-3.2 0-6.187.533-8.854 1.601a10.67 10.67 0 0 0-5.654 4.488V74.9h-13.332V30.998h12.268v8.76c1.493-2.991 3.413-5.34 5.863-6.945c2.349-1.71 4.802-2.565 7.469-2.67h1.386l.851.105v12.18zm5.864 38.988a19.4 19.4 0 0 0 5.759 1.067q2.403 0 3.842-1.605c.852-1.064 1.599-3.2 2.346-5.978l-16.641-43.902h13.758l10.135 32.365l8.851-32.365h12.481L314.046 81.95c-2.618 8.65-11.426 13.85-20.263 11.964a16.4 16.4 0 0 1-3.522-1.068zm72.1-5.766c-3.31 0-6.29-.645-8.747-2.139a15.5 15.5 0 0 1-5.972-5.877V74.9h-11.625V13.8h13.437v24.356a15.89 15.89 0 0 1 14.292-8.013c2.775 0 5.333.534 7.682 1.815c2.345 1.068 4.265 2.778 6.076 4.809a28.02 28.02 0 0 1 3.843 25.207a23.6 23.6 0 0 1-4.373 7.266a19.6 19.6 0 0 1-14.614 6.407zm-3.735-11.22a10.13 10.13 0 0 0 9.598-6.836a13.26 13.26 0 0 0-2.024-12.71a8.64 8.64 0 0 0-7.04-3.42c-2.024 0-3.944.75-5.759 2.14a15.3 15.3 0 0 0-4.052 5.552v9.188a10.45 10.45 0 0 0 9.385 5.982zm30.717-50.63h13.332v45.393c0 3.42 1.389 5.022 4.268 5.022a9.4 9.4 0 0 0 4.373-1.068l1.812 9.935a30.5 30.5 0 0 1-11.839 2.562c-3.839 0-6.826-1.068-8.85-2.991c-2.136-2.136-3.201-4.914-3.201-8.76v-50.09zm48.956 61.847a25.6 25.6 0 0 1-9.92-1.815a21.03 21.03 0 0 1-12.054-12.284a24.6 24.6 0 0 1 4.481-24.568a23 23 0 0 1 7.47-5.022c2.875-1.172 6.184-1.815 9.915-1.815a22.38 22.38 0 0 1 17.28 6.945c2.132 2.028 3.518 4.485 4.585 7.154a24.06 24.06 0 0 1-4.48 24.568a20.5 20.5 0 0 1-7.466 5.022a25.6 25.6 0 0 1-9.92 1.815zm-9.706-22.645c0 3.42.852 6.194 2.666 8.225q2.879 3.204 7.04 3.204a8.85 8.85 0 0 0 6.931-3.204a11.9 11.9 0 0 0 2.028-3.633c.534-1.389.747-2.99.747-4.592c0-3.525-.96-6.303-2.775-8.33a8.74 8.74 0 0 0-6.931-3.208a9.06 9.06 0 0 0-6.932 3.207c-.851 1.068-1.601 2.136-2.135 3.63c-.531 1.497-.64 2.99-.64 4.7m69.217 21.9L486.4 57.168l-4.694 4.914V74.9h-13.332V13.8h13.332v35.356l14.826-18.158h14.184l-15.783 18.905L512 74.897h-14.187z"/><path fill="#0ab3af" d="m87.712 0l-.099.105c2.565 0 4.135 1.987 4.222 4.42l.004.215v82.71c0 2.553-1.49 4.115-3.893 4.208l-.228.004h-55.59L16.91 108.1V91.557H4.652c-2.464 0-4.527-1.487-4.647-3.89L0 87.447V4.634C0 2.177 1.997.117 4.537.005L4.757 0zM59.396 16.857H16.909V75.86h37.416c2.853 0 5.602-.528 8.137-1.16c2.37-.489 4.46-1.535 6.36-2.697l.404-.25a12.75 12.75 0 0 0 4.334-4.285l.21-.354h-.108c1.055-1.894 1.585-4.108 1.585-6.742c0-4.108-.953-7.377-2.856-9.906c-2.005-2.42-4.648-4.108-8.029-5.054a13.2 13.2 0 0 0 6.339-5.69c1.375-2.53 2.116-5.163 2.116-7.901a15.77 15.77 0 0 0-3.594-10.22c-1.163-1.373-2.643-2.53-4.226-3.375c-1.58-.883-3.25-1.31-5.183-1.363zm-6.073 32.977c1.222 0 2.139.596 2.954 1.595a5.9 5.9 0 0 1 1.12 3.587c0 1.494-.51 2.69-1.323 3.489c-.851.74-1.878 1.221-2.999 1.286l-.26.008h-20.67v-9.965zm-1.73-19.933a4.12 4.12 0 0 1 2.647.996c.714.698 1.12 1.795 1.12 3.289c0 1.6-.362 2.845-1.175 3.48l-.148.107c-.753.553-1.68 1.02-2.616 1.088l-.234.01H32.142V29.9z"/></svg>

How to use the Storyblok icon

React

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

<Icon icon="logos:storyblok" width="24" />

Vue

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

<template>
  <Icon icon="logos:storyblok" width="24" />
</template>

Svelte

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

<Icon icon="logos:storyblok" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="logos:storyblok"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/logos/storyblok.svg" alt="Storyblok icon" width="24" height="24">

Related icons in SVG Logos

Storyblok icon in other icon sets

Storyblok icon FAQ

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

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

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

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

Browse all SVG Logos icons →