AI UI Designer Logo
AI UI Designer

Ikona Framer

Design#0055FF

Wysokiej jakości przezroczysty plik PNG Framer do sieci i druku.

Zoptymalizowany wektorowy kod SVG Framer dla programistów.

Gotowy do użycia komponent ikony React Framer.

Use Framer in a generated UI

Turn this icon into a login page, dashboard, landing page, or integration screen.

Jak używać ikony Framer

Skopiuj ikonę Framer jako wbudowany kod SVG, kod React, osadzenie HTML lub maskę CSS.

Wbudowany SVG

Wklej SVG Framer bezpośrednio do HTML lub JSX.

Komponent React

Użyj Framer jako typowanego komponentu ikony React.

import React from 'react';

export const FramerIcon = ({ className = "w-6 h-6" }: { className?: string }) => (
  
);

Osadzanie HTML

Użyj hostowanego adresu URL ikony Framer z przypisaniem autorstwa.

Maska CSS

Użyj Framer jako ikony maski CSS, której można zmieniać kolor.

.framer-icon {
  display: inline-block;
  width: 32px;
  height: 32px;
  background-color: #0055ff;
  mask: url("https://www.aiuidesigner.com/icons/framer.svg") center / contain no-repeat;
  -webkit-mask: url("https://www.aiuidesigner.com/icons/framer.svg") center / contain no-repeat;
}

Szczegóły ikony Framer

Kolor marki

#0055FF

Kategoria

Design

Formaty

SVG, PNG, React, HTML, maska CSS

SVG viewBox

0 0 24 24

Plik SVG

146 B · 1 ścieżka

Licencja

Sprawdź wytyczne marki

Źródło

framer.com

O ikonie Framer

icons.aboutParagraph1

Przed użyciem logo Framer 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.

Tagi:uiprototypingdesign

Ikona Framer - Najczęściej Zadawane Pytania

Design a UI with the Framer icon

Generate a complete page that already uses this icon, color, and brand context.

Framer Powiązane ikony