Curl icon
logos:curl
The Curl icon (logos:curl) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 512 × 154 grid. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- SVG Logos
- Author
- Gil Barbara
- License
- CC0-1.0
- Size
- 512 × 154
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="154" viewBox="0 0 512 154"><path fill="#0c544c" d="M498.445 20.959a7.403 7.403 0 0 1-7.404-7.404a7.4 7.4 0 0 1 7.404-7.404a7.403 7.403 0 1 1 0 14.808m-73.532 126.503a7.403 7.403 0 0 1-7.404-7.404a7.4 7.4 0 0 1 7.404-7.404a7.4 7.4 0 0 1 7.398 7.404c0 4.086-3.311 7.404-7.398 7.404M498.445 0c-7.485 0-13.554 6.069-13.554 13.555c0 1.597.402 3.084.91 4.506l-63.587 108.984c-6.145 1.289-10.856 6.483-10.856 13.013c0 7.485 6.07 13.554 13.555 13.554c7.48 0 13.549-6.069 13.549-13.554c0-1.504-.403-2.88-.852-4.233l63.908-109.34C507.476 25.057 512 19.95 512 13.555C512 6.069 505.931 0 498.445 0"/><path fill="#073551" d="M442.986 20.959a7.403 7.403 0 0 1-7.404-7.404a7.4 7.4 0 0 1 7.404-7.404a7.4 7.4 0 0 1 7.398 7.404c0 4.086-3.312 7.404-7.398 7.404m-73.539 126.503a7.403 7.403 0 1 1 0-14.808a7.4 7.4 0 0 1 7.404 7.404a7.403 7.403 0 0 1-7.404 7.404M442.986 0c-7.492 0-13.555 6.069-13.555 13.555c0 1.597.402 3.084.91 4.506l-63.587 108.984c-6.15 1.289-10.861 6.483-10.861 13.013c0 7.485 6.068 13.554 13.554 13.554s13.555-6.069 13.555-13.554c0-1.504-.403-2.88-.852-4.233l63.908-109.34c5.958-1.428 10.482-6.535 10.482-12.93C456.54 6.069 450.465 0 442.986 0M341.708 84.831c5.988 0 10.902 3.941 12.698 9.322c.449 1.353.857 2.728.857 4.233c0 7.48-6.069 13.554-13.555 13.554s-13.554-6.075-13.554-13.554c0-6.53 4.71-11.724 10.855-13.013c.904-.186 1.743-.542 2.7-.542m0 6.15a7.403 7.403 0 0 0-7.404 7.405c0 4.086 3.318 7.398 7.404 7.398s7.404-3.312 7.404-7.398a7.403 7.403 0 0 0-7.404-7.404m0-53.512c5.982 0 10.902 3.94 12.698 9.322c.449 1.352.857 2.734.857 4.232c0 7.486-6.069 13.555-13.555 13.555s-13.554-6.069-13.554-13.555c0-6.53 4.71-11.724 10.855-13.006c.904-.193 1.743-.548 2.7-.548m0 6.15a7.403 7.403 0 0 0-7.404 7.404a7.403 7.403 0 1 0 14.808 0a7.407 7.407 0 0 0-7.404-7.404M72.754 56.877c5.662.038 11.593 1.367 11.593 8.605c0 7.532-6.81 8.628-11.846 8.628H42.185c-3.428 0-6.832 1.795-9.887 4.29l-10.4 8.792c-2.706 2.169-4.665 3.964-4.665 7.37v21.36c0 3.405 1.96 5.2 4.664 7.346l10.4 8.791c3.056 2.519 6.46 4.314 9.888 4.314h30.316c5.037 0 11.846 1.073 11.846 8.629c0 7.345-6.11 8.604-11.846 8.604H44.262c-9.366-.018-13.484-.4-21.292-6.809l-12.733-10.61C1.982 129.377 0 124.177 0 113.59V96.893c0-10.587 1.982-15.787 10.237-22.62L22.97 63.686c7.808-6.41 11.926-6.79 21.292-6.809Zm96.313 0c7.346 0 8.605 5.923 8.605 11.846v72.292c.002.43.01.91.013 1.43v.529q-.001.36-.01.737l-.013.38c-.16 4.215-1.315 9.515-8.431 9.515c-7.346 0-8.605-6.11-8.605-12.032v-2.869l-13.992 9.165c-5.574 3.591-10.237 5.736-14.901 5.736H119c-4.85 0-10.237-1.445-15.974-6.273c-7.719-6.646-7.555-14.015-7.905-23.342l-1.796-54.195c-.186-6.273.723-12.92 8.605-12.92c7.37 0 8.255 6.274 8.442 11.847l1.795 52.936c.187 3.94.35 8.628 1.796 11.123c1.446 2.519 5.923 3.591 10.05 3.591h5.737q2.974 0 5.387-1.609l25.302-15.974V68.462c.038-5.835 1.368-11.585 8.628-11.585m77.352 0c6.646 0 12.196 2.145 16.86 6.809c5.736 5.76 7.718 11.683 7.718 19.565c0 5.923-1.072 12.033-8.441 12.033c-6.273 0-8.792-5.037-8.792-10.587c0-2.868 0-5.037-1.795-7.532c-2.036-2.899-5.855-3.047-9.766-3.055h-5.672c-3.218 0-5.55 1.609-8.605 4.127l-24.042 19.915v43.608c0 5.923-1.26 11.846-8.629 11.846c-7.345 0-8.605-5.923-8.605-11.846V69.355c.021-6.192.83-12.478 8.605-12.478c6.833 0 8.629 5.736 8.629 11.473v7.02l13.455-11.148c4.85-3.94 9.864-7.345 15.251-7.345Zm43.758-35.539c9.598.04 12.402 1.91 12.402 12.032v103.003h12.92c5.76 0 11.846 1.26 11.846 8.629c0 7.532-6.81 8.604-11.846 8.604h-43.991c-5.013-.032-11.627-1.181-11.627-8.604c0-7.37 6.087-8.629 11.847-8.629h13.642V38.571h-13.642c-5.037 0-11.847-1.073-11.847-8.629c0-7.345 6.087-8.604 11.847-8.604Z"/></svg>How to use the Curl icon
React
import { Icon } from "@iconify/react";
<Icon icon="logos:curl" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:curl" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:curl" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--curl]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:curl"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:curl"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/logos/curl.svg" alt="Curl icon" width="24" height="24">Curl icon in other icon sets
Curl icon FAQ
Is the Curl icon free for commercial use?
Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.
How do I use the Curl icon in React?
Install @iconify/react and render <Icon icon="logos:curl" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Curl icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/curl.svg" alt="Curl icon">, or paste the SVG code inline to style it with CSS.