storybook icon logo
storybook-icon from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.
- Name
- storybook-icon
- Set
- SVG Logos
- Style
- Color
- Viewbox
- 256×319
- License
- CC0
Use the storybook icon logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 319"><defs><path id="SVGCjwircEr" d="M9.872 293.324L.012 30.574C-.315 21.895 6.338 14.54 15.005 14L238.494.032c8.822-.552 16.42 6.153 16.972 14.975q.03.498.031.998v286.314c0 8.839-7.165 16.004-16.004 16.004q-.36 0-.718-.016l-213.627-9.595c-8.32-.373-14.963-7.065-15.276-15.388"/></defs><mask id="SVGd4Xo1w9i" fill="#fff"><use href="#SVGCjwircEr"/></mask><use fill="#ff4785" href="#SVGCjwircEr"/><path fill="#fff" d="m188.665 39.127l1.527-36.716L220.884 0l1.322 37.863a2.387 2.387 0 0 1-3.864 1.96l-11.835-9.325l-14.013 10.63a2.387 2.387 0 0 1-3.829-2.001m-39.251 80.853c0 6.227 41.942 3.243 47.572-1.131c0-42.402-22.752-64.684-64.415-64.684c-41.662 0-65.005 22.628-65.005 56.57c0 59.117 79.78 60.249 79.78 92.494c0 9.052-4.433 14.426-14.184 14.426c-12.705 0-17.729-6.49-17.138-28.552c0-4.786-48.458-6.278-49.936 0c-3.762 53.466 29.548 68.887 67.665 68.887c36.935 0 65.892-19.687 65.892-55.326c0-63.36-80.961-61.663-80.961-93.06c0-12.728 9.455-14.425 15.07-14.425c5.909 0 16.546 1.042 15.66 24.801" mask="url(#SVGd4Xo1w9i)"/></svg>
React
import type { SVGProps } from "react";
export function LogosStorybookIcon(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 319"><defs><path id="SVGCjwircEr" d="M9.872 293.324L.012 30.574C-.315 21.895 6.338 14.54 15.005 14L238.494.032c8.822-.552 16.42 6.153 16.972 14.975q.03.498.031.998v286.314c0 8.839-7.165 16.004-16.004 16.004q-.36 0-.718-.016l-213.627-9.595c-8.32-.373-14.963-7.065-15.276-15.388"/></defs><mask id="SVGd4Xo1w9i" fill="#fff"><use href="#SVGCjwircEr"/></mask><use fill="#ff4785" href="#SVGCjwircEr"/><path fill="#fff" d="m188.665 39.127l1.527-36.716L220.884 0l1.322 37.863a2.387 2.387 0 0 1-3.864 1.96l-11.835-9.325l-14.013 10.63a2.387 2.387 0 0 1-3.829-2.001m-39.251 80.853c0 6.227 41.942 3.243 47.572-1.131c0-42.402-22.752-64.684-64.415-64.684c-41.662 0-65.005 22.628-65.005 56.57c0 59.117 79.78 60.249 79.78 92.494c0 9.052-4.433 14.426-14.184 14.426c-12.705 0-17.729-6.49-17.138-28.552c0-4.786-48.458-6.278-49.936 0c-3.762 53.466 29.548 68.887 67.665 68.887c36.935 0 65.892-19.687 65.892-55.326c0-63.36-80.961-61.663-80.961-93.06c0-12.728 9.455-14.425 15.07-14.425c5.909 0 16.546 1.042 15.66 24.801" mask="url(#SVGd4Xo1w9i)"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 319"><defs><path id="SVGCjwircEr" d="M9.872 293.324L.012 30.574C-.315 21.895 6.338 14.54 15.005 14L238.494.032c8.822-.552 16.42 6.153 16.972 14.975q.03.498.031.998v286.314c0 8.839-7.165 16.004-16.004 16.004q-.36 0-.718-.016l-213.627-9.595c-8.32-.373-14.963-7.065-15.276-15.388"/></defs><mask id="SVGd4Xo1w9i" fill="#fff"><use href="#SVGCjwircEr"/></mask><use fill="#ff4785" href="#SVGCjwircEr"/><path fill="#fff" d="m188.665 39.127l1.527-36.716L220.884 0l1.322 37.863a2.387 2.387 0 0 1-3.864 1.96l-11.835-9.325l-14.013 10.63a2.387 2.387 0 0 1-3.829-2.001m-39.251 80.853c0 6.227 41.942 3.243 47.572-1.131c0-42.402-22.752-64.684-64.415-64.684c-41.662 0-65.005 22.628-65.005 56.57c0 59.117 79.78 60.249 79.78 92.494c0 9.052-4.433 14.426-14.184 14.426c-12.705 0-17.729-6.49-17.138-28.552c0-4.786-48.458-6.278-49.936 0c-3.762 53.466 29.548 68.887 67.665 68.887c36.935 0 65.892-19.687 65.892-55.326c0-63.36-80.961-61.663-80.961-93.06c0-12.728 9.455-14.425 15.07-14.425c5.909 0 16.546 1.042 15.66 24.801" mask="url(#SVGd4Xo1w9i)"/></svg> </template>
CSS
.icon-storybook-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%20319%22%3E%3Cdefs%3E%3Cpath%20id%3D%22SVGCjwircEr%22%20d%3D%22M9.872%20293.324L.012%2030.574C-.315%2021.895%206.338%2014.54%2015.005%2014L238.494.032c8.822-.552%2016.42%206.153%2016.972%2014.975q.03.498.031.998v286.314c0%208.839-7.165%2016.004-16.004%2016.004q-.36%200-.718-.016l-213.627-9.595c-8.32-.373-14.963-7.065-15.276-15.388%22%2F%3E%3C%2Fdefs%3E%3Cmask%20id%3D%22SVGd4Xo1w9i%22%20fill%3D%22%23fff%22%3E%3Cuse%20href%3D%22%23SVGCjwircEr%22%2F%3E%3C%2Fmask%3E%3Cuse%20fill%3D%22%23ff4785%22%20href%3D%22%23SVGCjwircEr%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m188.665%2039.127l1.527-36.716L220.884%200l1.322%2037.863a2.387%202.387%200%200%201-3.864%201.96l-11.835-9.325l-14.013%2010.63a2.387%202.387%200%200%201-3.829-2.001m-39.251%2080.853c0%206.227%2041.942%203.243%2047.572-1.131c0-42.402-22.752-64.684-64.415-64.684c-41.662%200-65.005%2022.628-65.005%2056.57c0%2059.117%2079.78%2060.249%2079.78%2092.494c0%209.052-4.433%2014.426-14.184%2014.426c-12.705%200-17.729-6.49-17.138-28.552c0-4.786-48.458-6.278-49.936%200c-3.762%2053.466%2029.548%2068.887%2067.665%2068.887c36.935%200%2065.892-19.687%2065.892-55.326c0-63.36-80.961-61.663-80.961-93.06c0-12.728%209.455-14.425%2015.07-14.425c5.909%200%2016.546%201.042%2015.66%2024.801%22%20mask%3D%22url(%23SVGd4Xo1w9i)%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%20319%22%3E%3Cdefs%3E%3Cpath%20id%3D%22SVGCjwircEr%22%20d%3D%22M9.872%20293.324L.012%2030.574C-.315%2021.895%206.338%2014.54%2015.005%2014L238.494.032c8.822-.552%2016.42%206.153%2016.972%2014.975q.03.498.031.998v286.314c0%208.839-7.165%2016.004-16.004%2016.004q-.36%200-.718-.016l-213.627-9.595c-8.32-.373-14.963-7.065-15.276-15.388%22%2F%3E%3C%2Fdefs%3E%3Cmask%20id%3D%22SVGd4Xo1w9i%22%20fill%3D%22%23fff%22%3E%3Cuse%20href%3D%22%23SVGCjwircEr%22%2F%3E%3C%2Fmask%3E%3Cuse%20fill%3D%22%23ff4785%22%20href%3D%22%23SVGCjwircEr%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m188.665%2039.127l1.527-36.716L220.884%200l1.322%2037.863a2.387%202.387%200%200%201-3.864%201.96l-11.835-9.325l-14.013%2010.63a2.387%202.387%200%200%201-3.829-2.001m-39.251%2080.853c0%206.227%2041.942%203.243%2047.572-1.131c0-42.402-22.752-64.684-64.415-64.684c-41.662%200-65.005%2022.628-65.005%2056.57c0%2059.117%2079.78%2060.249%2079.78%2092.494c0%209.052-4.433%2014.426-14.184%2014.426c-12.705%200-17.729-6.49-17.138-28.552c0-4.786-48.458-6.278-49.936%200c-3.762%2053.466%2029.548%2068.887%2067.665%2068.887c36.935%200%2065.892-19.687%2065.892-55.326c0-63.36-80.961-61.663-80.961-93.06c0-12.728%209.455-14.425%2015.07-14.425c5.909%200%2016.546%201.042%2015.66%2024.801%22%20mask%3D%22url(%23SVGd4Xo1w9i)%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/storybook-icon.svg?color=%231a73e8&size=48
