ICONYZ
English
Ravelry icon from Font Awesome 4

Ravelry icon

fa:ravelry

The Ravelry icon (fa:ravelry) is a free SVG icon from the Font Awesome 4 set by Dave Gandy. It is drawn on a 2112 × 1792 grid. Font Awesome 4 icons are released under the Open Font 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
Font Awesome 4
Author
Dave Gandy
License
OFL-1.1
Size
2112 × 1792
Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="2112" height="1792" viewBox="0 0 2112 1792"><path fill="currentColor" d="M1111 1733q-6-1-11-4q-13-8-36-23t-86-65t-116.5-104.5t-112-140T660 1224q-17-3-175-37q66 213 235 362t391 184m-641-606l168 28q-25-76-41-167.5T578 842l-4-53q-84 82-121 224q5 65 17 114m110-609q-43 64-77 148q44-46 74-68zm1437 434q0-161-62-307t-167.5-252T1537 224.5T1233 162q-147 0-281 52.5T712 363q-30 58-45 160q60-51 143-83.5t158.5-43t143-13.5t108.5 1l40 3q33 1 53 15.5t24.5 33t6.5 37t-1 28.5q-126-11-227.5-.5t-183 43.5T790 615.5T659 714q4 36 11.5 92.5t35.5 178t62 179.5q123 6 247.5-14.5T1230 1096t162.5-67t109.5-59l37-24q22-16 39.5-20.5t30.5 5t17 34.5q14 97-39 121q-208 97-467 134q-135 20-317 16q41 96 110 176.5t137 127t130.5 79T1282 1662l39 12q143 23 263-15q195-99 314-289t119-418m74-37q-14 135-40 212q-70 208-181.5 346.5T1551 1727q-48 33-82 44q-72 26-163 16q-36 3-73 3q-283 0-504.5-173T433 1175q-1 0-4-.5t-5-.5q-6 50 2.5 112.5t26 115t36 98T520 1571l14 26q8 12 54 82q-71-38-124.5-106.5t-78.5-140t-39.5-137T328 1188l-2-42q-5-2-33.5-12.5t-48.5-18t-53-20.5t-57.5-25t-50-25.5t-42.5-27T16 992q19 10 50.5 25.5t113 45.5t145.5 38l2-32q11-149 94-290q41-202 176-365q28-115 81-214q15-28 32-45t49-32q158-74 303.5-104t302-11t306.5 97q220 115 333 336t87 474"/></svg>

How to use the Ravelry icon

React

import { Icon } from "@iconify/react";

<Icon icon="fa:ravelry" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="fa:ravelry" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="fa:ravelry" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fa--ravelry]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fa -->
<div class="i-fa:ravelry"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="fa:ravelry"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/fa/ravelry.svg" alt="Ravelry icon" width="24" height="24">

Ravelry icon in other icon sets

Ravelry icon FAQ

Is the Ravelry icon free for commercial use?

Yes. Font Awesome 4 icons are released under the Open Font License, which allows use in personal and commercial projects.

How do I use the Ravelry icon in React?

Install @iconify/react and render <Icon icon="fa:ravelry" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Ravelry icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fa/ravelry.svg" alt="Ravelry icon">, or paste the SVG code inline to style it with CSS.

Browse all Font Awesome 4 icons →