Ikona Storybook
Wysokiej jakości przezroczysty plik PNG Storybook do sieci i druku.
Zoptymalizowany wektorowy kod SVG Storybook dla programistów.
Gotowy do użycia komponent ikony React Storybook.
Use Storybook in a generated UI
Turn this icon into a login page, dashboard, landing page, or integration screen.
Jak używać ikony Storybook
Skopiuj ikonę Storybook jako wbudowany kod SVG, kod React, osadzenie HTML lub maskę CSS.
Wbudowany SVG
Wklej SVG Storybook bezpośrednio do HTML lub JSX.
Komponent React
Użyj Storybook jako typowanego komponentu ikony React.
import React from 'react';
export const StorybookIcon = ({ className = "w-6 h-6" }: { className?: string }) => (
);Osadzanie HTML
Użyj hostowanego adresu URL ikony Storybook z przypisaniem autorstwa.
Maska CSS
Użyj Storybook jako ikony maski CSS, której można zmieniać kolor.
.storybook-icon {
display: inline-block;
width: 32px;
height: 32px;
background-color: #ff4785;
mask: url("https://www.aiuidesigner.com/icons/storybook.svg") center / contain no-repeat;
-webkit-mask: url("https://www.aiuidesigner.com/icons/storybook.svg") center / contain no-repeat;
}Szczegóły ikony Storybook
Kolor marki
Kategoria
Programowanie
Formaty
SVG, PNG, React, HTML, maska CSS
SVG viewBox
0 0 24 24
Plik SVG
651 B · 1 ścieżka
Licencja
MIT
Źródło
github.comO ikonie Storybook
icons.aboutParagraph1
Przed użyciem logo Storybook w projektach komercyjnych, dokumentacji, makietach UI lub na stronach marketingowych, skorzystaj z linków do źródła i wytycznych marki na tej stronie, aby zweryfikować aktualne zasady użytkowania znaków towarowych.
Ikona Storybook - Najczęściej Zadawane Pytania
Design a UI with the Storybook icon
Generate a complete page that already uses this icon, color, and brand context.