# SVG를 활용한 나만의 디자인을 쉽게 만드는 방법 소개
- SVG는 벡터 그래픽을 표현하기 위한 표준 포맷입니다. 벡터 그래픽이기 때문에 사이즈에 대한 스트레스에서 해방 될 수 있고, React를 사용한다면 더 다양하게 활용이 가능하기 때문에, 자주 사용하게 됩니다. 하지만 결국 이런 편리함이 있어도, 디자인 적인 감각이 없다면, 아이콘을 적용하는 수준이상으로 활용하기가 어렵습니다. 본 포스팅에서는 이러한 경우에 조금 더 쉽게 있어 보이는 디자인 요소들을 생성할 수 있는 웹 사이트를을 소개하려고 합니다
# 웹사이트: https://fffuel.co/
Free SVG generators, color tools & web design tools
🚀 Here you'll find a collection of free SVG makers to create cool backgrounds, seamless patterns, gradients, textures, shapes and blobs. Use the generated vector patterns directly on the web or in your favorite design app. 🤹♂️ The SVG and grap
fffuel.co
# 사용 방법
- 사용 방법은 간단합니다. 위의 링크를 통해 사이트에 접속하시면, 아래와 같이 다양한 디자인 요소를 생성할 수 있는 도구나 방법이 나열되어 있습니다. 어떤 결과물을 얻을 수 있는지 배경에서 미리 볼 수 있기 때문에, 원하는 것을 선택하시면 될 것 같습니다. 60개가 넘는 요소들을 제공하고 있으니, 한 번 쯤 둘러보시는 것을 추천드립니다.
![](https://t1.daumcdn.net/keditor/emoticon/friends1/large/017.gif)
'개발 > 유용한 툴' 카테고리의 다른 글
한 줄 팁 | 네이버 나이계산기 링크 (0) | 2024.01.01 |
---|---|
[Mac OS][한 줄 팁][Simulator] 아이폰 프레임 스크린 샷 찍는 방법 (0) | 2023.07.17 |
[유용한 툴][Web] Opera Browser로 무료 VPN 사용하는 방법 (0) | 2023.06.11 |
[TailwindCSS][한 줄 팁] Text에 Gradient 배경 적용하는 법 (0) | 2023.06.07 |
[라이브러리][Tailwindcss] daisyUI로 Tailwindcss 효율적으로 사용하기 (0) | 2023.04.19 |