R 아이콘을 상업적 프로젝트에 사용해도 되나요?

네, R 아이콘은 상업적 프로젝트에서 사용하실 수 있습니다. 하지만 R 로고는 등록 상표이므로, 브랜드 가이드라인을 준수하고 R 측의 보증을 암시하는 듯한 사용은 피해주시기 바랍니다.

Figma에서 R 아이콘은 어떻게 사용하나요?

저희 사이트에서 R SVG 코드를 복사하여 Figma에 바로 붙여넣는 것이 가장 쉽습니다. 또는 R SVG 파일을 다운로드하여 Figma 캔버스로 드래그할 수도 있습니다.

R 아이콘은 어떤 형식으로 다운로드할 수 있나요?

저희는 웹 및 인쇄에 완벽한 고품질 SVG (벡터) 형식으로 R 아이콘을 제공합니다. 투명한 R PNG 이미지로 다운로드하거나 React 컴포넌트 코드를 복사할 수도 있습니다.

R 아이콘

개발#276DC3

웹 및 인쇄용 고화질 R 투명 PNG 파일입니다.

개발자를 위해 최적화된 R SVG 벡터 코드입니다.

즉시 사용 가능한 R React 아이콘 컴포넌트입니다.

R 아이콘 사용 방법

R 아이콘을 인라인 SVG, React 코드, HTML 임베드 또는 CSS 마스크 형식으로 복사하여 사용하세요.

인라인 SVG

R SVG 코드를 HTML 또는 JSX에 직접 붙여넣으세요.

React 컴포넌트

R을 타입이 지정된 React 아이콘 컴포넌트로 사용하세요.

import React from 'react';

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

HTML 임베드

출처 표기가 포함된 호스팅된 R 아이콘 URL을 사용하세요.

CSS 마스크

R을 색상 변경이 가능한 CSS 마스크 아이콘으로 사용하세요.

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