storyblok icon logo

storyblok-icon from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.

Name
storyblok-icon
Set
SVG Logos
Style
Color
Viewbox
256×302
License
CC0

Use the storyblok icon logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 302"><path fill="#0ab3af" d="m244.495 0l-.274.292c7.15 0 11.524 5.54 11.768 12.32l.011.6v230.552c0 7.12-4.156 11.473-10.852 11.73l-.635.013H89.558l-42.423 45.82v-46.112H12.966c-6.868 0-12.619-4.146-12.95-10.844L0 243.755V12.921C0 6.067 5.567.327 12.648.013l.61-.013zm-78.93 46.989H47.135v164.47H151.43c7.954 0 15.615-1.47 22.682-3.233c6.605-1.364 12.43-4.278 17.729-7.519l1.127-.699a35.55 35.55 0 0 0 12.08-11.94l.585-.99h-.302c2.94-5.277 4.42-11.45 4.42-18.792c0-11.45-2.657-20.563-7.962-27.612c-5.589-6.748-12.957-11.45-22.38-14.09a36.78 36.78 0 0 0 17.668-15.86c3.835-7.05 5.899-14.39 5.899-22.024a43.97 43.97 0 0 0-10.017-28.49c-3.242-3.825-7.369-7.049-11.78-9.404c-4.405-2.463-9.058-3.654-14.447-3.801zm-16.929 91.923c3.406 0 5.963 1.662 8.237 4.447a16.4 16.4 0 0 1 3.122 9.998c0 4.164-1.424 7.497-3.689 9.725c-2.374 2.06-5.236 3.404-8.36 3.586l-.725.02H89.604v-27.776zm-4.82-55.563a11.5 11.5 0 0 1 7.377 2.776c1.99 1.945 3.123 5.004 3.123 9.167c0 4.459-1.01 7.932-3.276 9.704l-.413.295c-2.099 1.542-4.68 2.844-7.291 3.035l-.653.024H89.595V83.349z"/></svg>

React

import type { SVGProps } from "react";

export function LogosStoryblokIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 302"><path fill="#0ab3af" d="m244.495 0l-.274.292c7.15 0 11.524 5.54 11.768 12.32l.011.6v230.552c0 7.12-4.156 11.473-10.852 11.73l-.635.013H89.558l-42.423 45.82v-46.112H12.966c-6.868 0-12.619-4.146-12.95-10.844L0 243.755V12.921C0 6.067 5.567.327 12.648.013l.61-.013zm-78.93 46.989H47.135v164.47H151.43c7.954 0 15.615-1.47 22.682-3.233c6.605-1.364 12.43-4.278 17.729-7.519l1.127-.699a35.55 35.55 0 0 0 12.08-11.94l.585-.99h-.302c2.94-5.277 4.42-11.45 4.42-18.792c0-11.45-2.657-20.563-7.962-27.612c-5.589-6.748-12.957-11.45-22.38-14.09a36.78 36.78 0 0 0 17.668-15.86c3.835-7.05 5.899-14.39 5.899-22.024a43.97 43.97 0 0 0-10.017-28.49c-3.242-3.825-7.369-7.049-11.78-9.404c-4.405-2.463-9.058-3.654-14.447-3.801zm-16.929 91.923c3.406 0 5.963 1.662 8.237 4.447a16.4 16.4 0 0 1 3.122 9.998c0 4.164-1.424 7.497-3.689 9.725c-2.374 2.06-5.236 3.404-8.36 3.586l-.725.02H89.604v-27.776zm-4.82-55.563a11.5 11.5 0 0 1 7.377 2.776c1.99 1.945 3.123 5.004 3.123 9.167c0 4.459-1.01 7.932-3.276 9.704l-.413.295c-2.099 1.542-4.68 2.844-7.291 3.035l-.653.024H89.595V83.349z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 302"><path fill="#0ab3af" d="m244.495 0l-.274.292c7.15 0 11.524 5.54 11.768 12.32l.011.6v230.552c0 7.12-4.156 11.473-10.852 11.73l-.635.013H89.558l-42.423 45.82v-46.112H12.966c-6.868 0-12.619-4.146-12.95-10.844L0 243.755V12.921C0 6.067 5.567.327 12.648.013l.61-.013zm-78.93 46.989H47.135v164.47H151.43c7.954 0 15.615-1.47 22.682-3.233c6.605-1.364 12.43-4.278 17.729-7.519l1.127-.699a35.55 35.55 0 0 0 12.08-11.94l.585-.99h-.302c2.94-5.277 4.42-11.45 4.42-18.792c0-11.45-2.657-20.563-7.962-27.612c-5.589-6.748-12.957-11.45-22.38-14.09a36.78 36.78 0 0 0 17.668-15.86c3.835-7.05 5.899-14.39 5.899-22.024a43.97 43.97 0 0 0-10.017-28.49c-3.242-3.825-7.369-7.049-11.78-9.404c-4.405-2.463-9.058-3.654-14.447-3.801zm-16.929 91.923c3.406 0 5.963 1.662 8.237 4.447a16.4 16.4 0 0 1 3.122 9.998c0 4.164-1.424 7.497-3.689 9.725c-2.374 2.06-5.236 3.404-8.36 3.586l-.725.02H89.604v-27.776zm-4.82-55.563a11.5 11.5 0 0 1 7.377 2.776c1.99 1.945 3.123 5.004 3.123 9.167c0 4.459-1.01 7.932-3.276 9.704l-.413.295c-2.099 1.542-4.68 2.844-7.291 3.035l-.653.024H89.595V83.349z"/></svg>
</template>

CSS

.icon-storyblok-icon {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20302%22%3E%3Cpath%20fill%3D%22%230ab3af%22%20d%3D%22m244.495%200l-.274.292c7.15%200%2011.524%205.54%2011.768%2012.32l.011.6v230.552c0%207.12-4.156%2011.473-10.852%2011.73l-.635.013H89.558l-42.423%2045.82v-46.112H12.966c-6.868%200-12.619-4.146-12.95-10.844L0%20243.755V12.921C0%206.067%205.567.327%2012.648.013l.61-.013zm-78.93%2046.989H47.135v164.47H151.43c7.954%200%2015.615-1.47%2022.682-3.233c6.605-1.364%2012.43-4.278%2017.729-7.519l1.127-.699a35.55%2035.55%200%200%200%2012.08-11.94l.585-.99h-.302c2.94-5.277%204.42-11.45%204.42-18.792c0-11.45-2.657-20.563-7.962-27.612c-5.589-6.748-12.957-11.45-22.38-14.09a36.78%2036.78%200%200%200%2017.668-15.86c3.835-7.05%205.899-14.39%205.899-22.024a43.97%2043.97%200%200%200-10.017-28.49c-3.242-3.825-7.369-7.049-11.78-9.404c-4.405-2.463-9.058-3.654-14.447-3.801zm-16.929%2091.923c3.406%200%205.963%201.662%208.237%204.447a16.4%2016.4%200%200%201%203.122%209.998c0%204.164-1.424%207.497-3.689%209.725c-2.374%202.06-5.236%203.404-8.36%203.586l-.725.02H89.604v-27.776zm-4.82-55.563a11.5%2011.5%200%200%201%207.377%202.776c1.99%201.945%203.123%205.004%203.123%209.167c0%204.459-1.01%207.932-3.276%209.704l-.413.295c-2.099%201.542-4.68%202.844-7.291%203.035l-.653.024H89.595V83.349z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20302%22%3E%3Cpath%20fill%3D%22%230ab3af%22%20d%3D%22m244.495%200l-.274.292c7.15%200%2011.524%205.54%2011.768%2012.32l.011.6v230.552c0%207.12-4.156%2011.473-10.852%2011.73l-.635.013H89.558l-42.423%2045.82v-46.112H12.966c-6.868%200-12.619-4.146-12.95-10.844L0%20243.755V12.921C0%206.067%205.567.327%2012.648.013l.61-.013zm-78.93%2046.989H47.135v164.47H151.43c7.954%200%2015.615-1.47%2022.682-3.233c6.605-1.364%2012.43-4.278%2017.729-7.519l1.127-.699a35.55%2035.55%200%200%200%2012.08-11.94l.585-.99h-.302c2.94-5.277%204.42-11.45%204.42-18.792c0-11.45-2.657-20.563-7.962-27.612c-5.589-6.748-12.957-11.45-22.38-14.09a36.78%2036.78%200%200%200%2017.668-15.86c3.835-7.05%205.899-14.39%205.899-22.024a43.97%2043.97%200%200%200-10.017-28.49c-3.242-3.825-7.369-7.049-11.78-9.404c-4.405-2.463-9.058-3.654-14.447-3.801zm-16.929%2091.923c3.406%200%205.963%201.662%208.237%204.447a16.4%2016.4%200%200%201%203.122%209.998c0%204.164-1.424%207.497-3.689%209.725c-2.374%202.06-5.236%203.404-8.36%203.586l-.725.02H89.604v-27.776zm-4.82-55.563a11.5%2011.5%200%200%201%207.377%202.776c1.99%201.945%203.123%205.004%203.123%209.167c0%204.459-1.01%207.932-3.276%209.704l-.413.295c-2.099%201.542-4.68%202.844-7.291%203.035l-.653.024H89.595V83.349z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/storyblok-icon.svg?color=%231a73e8&size=48