Instagram 아이콘
웹 및 인쇄용 고화질 Instagram 투명 PNG 파일입니다.
개발자를 위해 최적화된 Instagram SVG 벡터 코드입니다.
즉시 사용 가능한 Instagram React 아이콘 컴포넌트입니다.
Use Instagram in a generated UI
Turn this icon into a login page, dashboard, landing page, or integration screen.
Instagram 아이콘 사용 방법
Instagram 아이콘을 인라인 SVG, React 코드, HTML 임베드 또는 CSS 마스크 형식으로 복사하여 사용하세요.
인라인 SVG
Instagram SVG 코드를 HTML 또는 JSX에 직접 붙여넣으세요.
React 컴포넌트
Instagram을 타입이 지정된 React 아이콘 컴포넌트로 사용하세요.
import React from 'react';
export const InstagramIcon = ({ className = "w-6 h-6" }: { className?: string }) => (
);HTML 임베드
출처 표기가 포함된 호스팅된 Instagram 아이콘 URL을 사용하세요.
CSS 마스크
Instagram을 색상 변경이 가능한 CSS 마스크 아이콘으로 사용하세요.
.instagram-icon {
display: inline-block;
width: 32px;
height: 32px;
background-color: #e4405f;
mask: url("https://www.aiuidesigner.com/icons/instagram.svg") center / contain no-repeat;
-webkit-mask: url("https://www.aiuidesigner.com/icons/instagram.svg") center / contain no-repeat;
}Instagram 아이콘 상세 정보
브랜드 색상
카테고리
소셜
지원 형식
SVG, PNG, React, HTML, CSS mask
SVG viewBox
0 0 24 24
SVG 파일
2.1 KB · 경로 1개
라이선스
브랜드 가이드라인 확인
브랜드 가이드라인
about.meta.comInstagram 아이콘 소개
Instagram 아이콘을 SVG 형식의 브랜드 아이콘 에셋으로 제공합니다. 이 아이콘은 소셜 카테고리로 분류되며, 브랜드 색상 #E4405F를 사용합니다. 투명 PNG로 다운로드하거나, 인라인 SVG 및 React 컴포넌트를 복사하고, HTML로 임베드하여 사용할 수 있습니다.
상업적 프로젝트, 문서, UI 목업 또는 마케팅 페이지에서 Instagram 로고를 사용하기 전에, 이 페이지의 출처 및 브랜드 가이드라인 링크를 통해 현재의 상표 사용 규칙을 확인하시기 바랍니다.
Instagram 아이콘 관련 자주 묻는 질문
Design a UI with the Instagram icon
Generate a complete page that already uses this icon, color, and brand context.