file type storybook logo
file-type-storybook from VSCode Icons by Roberto Huertas · Color · MIT Free for personal and commercial use.
- Name
- file-type-storybook
- Set
- VSCode Icons
- Style
- Color
- Viewbox
- 32×32
- License
- MIT
Related icons in VSCode Icons
file-type-accessfile-type-access2file-type-actionscriptfile-type-actionscript2file-type-adafile-type-advplfile-type-affinityfile-type-affinitydesignerfile-type-affinityphotofile-type-affinitypublisherfile-type-agdafile-type-agentsfile-type-aifile-type-ai2file-type-aikidofile-type-alfile-type-al-dalfile-type-alchemyfile-type-allcontributorsfile-type-alloyfile-type-allurefile-type-angularfile-type-ansiblefile-type-antlers-html
Use the file type storybook logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#fff" d="m20.735 5.442l.133-3.173l2.72-.168l.122 3.23a.22.22 0 0 1-.047.143a.21.21 0 0 1-.3.029l-1.05-.82l-1.243.934a.21.21 0 0 1-.3-.04a.2.2 0 0 1-.035-.135"/><path fill="#ff4785" d="m20.868 2.268l-.133 3.174a.2.2 0 0 0 .043.135a.21.21 0 0 0 .3.04l1.243-.934l1.05.82a.21.21 0 0 0 .3-.029a.22.22 0 0 0 .047-.143l-.13-3.231l1.566-.1a1.415 1.415 0 0 1 1.506 1.321v25.271A1.414 1.414 0 0 1 25.245 30h-.066l-18.948-.844A1.414 1.414 0 0 1 4.876 27.8L4 4.69a1.41 1.41 0 0 1 1.33-1.458l15.537-.963Z"/><path fill="#fff" d="M17.253 12.554c0 .547 3.72.285 4.22-.1c0-3.73-2.018-5.69-5.714-5.69s-5.766 1.99-5.766 4.976c0 5.2 7.077 5.3 7.077 8.136a1.127 1.127 0 0 1-1.258 1.27c-1.127 0-1.573-.572-1.52-2.512c0-.421-4.3-.553-4.43 0c-.334 4.7 2.621 6.06 6 6.06c3.276 0 5.845-1.733 5.845-4.868c0-5.573-7.182-5.423-7.182-8.185a1.18 1.18 0 0 1 1.337-1.269c.526 0 1.47.092 1.391 2.182"/></svg>
React
import type { SVGProps } from "react";
export function VscodeIconsFileTypeStorybook(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#fff" d="m20.735 5.442l.133-3.173l2.72-.168l.122 3.23a.22.22 0 0 1-.047.143a.21.21 0 0 1-.3.029l-1.05-.82l-1.243.934a.21.21 0 0 1-.3-.04a.2.2 0 0 1-.035-.135"/><path fill="#ff4785" d="m20.868 2.268l-.133 3.174a.2.2 0 0 0 .043.135a.21.21 0 0 0 .3.04l1.243-.934l1.05.82a.21.21 0 0 0 .3-.029a.22.22 0 0 0 .047-.143l-.13-3.231l1.566-.1a1.415 1.415 0 0 1 1.506 1.321v25.271A1.414 1.414 0 0 1 25.245 30h-.066l-18.948-.844A1.414 1.414 0 0 1 4.876 27.8L4 4.69a1.41 1.41 0 0 1 1.33-1.458l15.537-.963Z"/><path fill="#fff" d="M17.253 12.554c0 .547 3.72.285 4.22-.1c0-3.73-2.018-5.69-5.714-5.69s-5.766 1.99-5.766 4.976c0 5.2 7.077 5.3 7.077 8.136a1.127 1.127 0 0 1-1.258 1.27c-1.127 0-1.573-.572-1.52-2.512c0-.421-4.3-.553-4.43 0c-.334 4.7 2.621 6.06 6 6.06c3.276 0 5.845-1.733 5.845-4.868c0-5.573-7.182-5.423-7.182-8.185a1.18 1.18 0 0 1 1.337-1.269c.526 0 1.47.092 1.391 2.182"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#fff" d="m20.735 5.442l.133-3.173l2.72-.168l.122 3.23a.22.22 0 0 1-.047.143a.21.21 0 0 1-.3.029l-1.05-.82l-1.243.934a.21.21 0 0 1-.3-.04a.2.2 0 0 1-.035-.135"/><path fill="#ff4785" d="m20.868 2.268l-.133 3.174a.2.2 0 0 0 .043.135a.21.21 0 0 0 .3.04l1.243-.934l1.05.82a.21.21 0 0 0 .3-.029a.22.22 0 0 0 .047-.143l-.13-3.231l1.566-.1a1.415 1.415 0 0 1 1.506 1.321v25.271A1.414 1.414 0 0 1 25.245 30h-.066l-18.948-.844A1.414 1.414 0 0 1 4.876 27.8L4 4.69a1.41 1.41 0 0 1 1.33-1.458l15.537-.963Z"/><path fill="#fff" d="M17.253 12.554c0 .547 3.72.285 4.22-.1c0-3.73-2.018-5.69-5.714-5.69s-5.766 1.99-5.766 4.976c0 5.2 7.077 5.3 7.077 8.136a1.127 1.127 0 0 1-1.258 1.27c-1.127 0-1.573-.572-1.52-2.512c0-.421-4.3-.553-4.43 0c-.334 4.7 2.621 6.06 6 6.06c3.276 0 5.845-1.733 5.845-4.868c0-5.573-7.182-5.423-7.182-8.185a1.18 1.18 0 0 1 1.337-1.269c.526 0 1.47.092 1.391 2.182"/></svg> </template>
CSS
.icon-file-type-storybook {
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%2032%2032%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m20.735%205.442l.133-3.173l2.72-.168l.122%203.23a.22.22%200%200%201-.047.143a.21.21%200%200%201-.3.029l-1.05-.82l-1.243.934a.21.21%200%200%201-.3-.04a.2.2%200%200%201-.035-.135%22%2F%3E%3Cpath%20fill%3D%22%23ff4785%22%20d%3D%22m20.868%202.268l-.133%203.174a.2.2%200%200%200%20.043.135a.21.21%200%200%200%20.3.04l1.243-.934l1.05.82a.21.21%200%200%200%20.3-.029a.22.22%200%200%200%20.047-.143l-.13-3.231l1.566-.1a1.415%201.415%200%200%201%201.506%201.321v25.271A1.414%201.414%200%200%201%2025.245%2030h-.066l-18.948-.844A1.414%201.414%200%200%201%204.876%2027.8L4%204.69a1.41%201.41%200%200%201%201.33-1.458l15.537-.963Z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M17.253%2012.554c0%20.547%203.72.285%204.22-.1c0-3.73-2.018-5.69-5.714-5.69s-5.766%201.99-5.766%204.976c0%205.2%207.077%205.3%207.077%208.136a1.127%201.127%200%200%201-1.258%201.27c-1.127%200-1.573-.572-1.52-2.512c0-.421-4.3-.553-4.43%200c-.334%204.7%202.621%206.06%206%206.06c3.276%200%205.845-1.733%205.845-4.868c0-5.573-7.182-5.423-7.182-8.185a1.18%201.18%200%200%201%201.337-1.269c.526%200%201.47.092%201.391%202.182%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%2032%2032%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m20.735%205.442l.133-3.173l2.72-.168l.122%203.23a.22.22%200%200%201-.047.143a.21.21%200%200%201-.3.029l-1.05-.82l-1.243.934a.21.21%200%200%201-.3-.04a.2.2%200%200%201-.035-.135%22%2F%3E%3Cpath%20fill%3D%22%23ff4785%22%20d%3D%22m20.868%202.268l-.133%203.174a.2.2%200%200%200%20.043.135a.21.21%200%200%200%20.3.04l1.243-.934l1.05.82a.21.21%200%200%200%20.3-.029a.22.22%200%200%200%20.047-.143l-.13-3.231l1.566-.1a1.415%201.415%200%200%201%201.506%201.321v25.271A1.414%201.414%200%200%201%2025.245%2030h-.066l-18.948-.844A1.414%201.414%200%200%201%204.876%2027.8L4%204.69a1.41%201.41%200%200%201%201.33-1.458l15.537-.963Z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M17.253%2012.554c0%20.547%203.72.285%204.22-.1c0-3.73-2.018-5.69-5.714-5.69s-5.766%201.99-5.766%204.976c0%205.2%207.077%205.3%207.077%208.136a1.127%201.127%200%200%201-1.258%201.27c-1.127%200-1.573-.572-1.52-2.512c0-.421-4.3-.553-4.43%200c-.334%204.7%202.621%206.06%206%206.06c3.276%200%205.845-1.733%205.845-4.868c0-5.573-7.182-5.423-7.182-8.185a1.18%201.18%200%200%201%201.337-1.269c.526%200%201.47.092%201.391%202.182%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/vscode-icons/file-type-storybook.svg?color=%231a73e8&size=48
