ravelry logo
ravelry from Font Awesome 6 Brands by Dave Gandy · Regular · CC-BY-4.0 Attribution required.
- Name
- ravelry
- Set
- Font Awesome 6 Brands
- Style
- Regular
- Viewbox
- 512×512
- License
- CC BY 4.0
The same logo in other sets
Use the ravelry logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M498.252 234.223c-1.208-10.34-1.7-20.826-3.746-31a310 310 0 0 0-9.622-36.6a184.1 184.1 0 0 0-30.874-57.5a251 251 0 0 0-18.818-21.689a237.4 237.4 0 0 0-47.113-36.116a240.8 240.8 0 0 0-56.723-24.668c-11.018-3.1-22.272-5.431-33.515-7.615c-6.78-1.314-13.749-1.667-20.627-2.482c-.316-.036-.6-.358-.9-.553q-16.143.009-32.288.006c-2.41.389-4.808.925-7.236 1.15a179.3 179.3 0 0 0-34.256 7.1a221.5 221.5 0 0 0-39.768 16.355a281.4 281.4 0 0 0-38.08 24.158c-6.167 4.61-12.268 9.36-17.974 14.518c-10.173 9.207-20.372 18.433-29.927 28.268a244 244 0 0 0-33.648 43.95a206.5 206.5 0 0 0-20.494 44.6a198 198 0 0 0-7.691 34.759a201 201 0 0 0-1.552 35.521a300 300 0 0 0 4.425 40.24a227 227 0 0 0 16.73 53.3a210.5 210.5 0 0 0 24 39.528a213.6 213.6 0 0 0 26.358 28.416a251.3 251.3 0 0 0 41.787 30.586a288 288 0 0 0 55.9 25.277a269.5 269.5 0 0 0 40.641 9.835c6.071 1.01 12.275 1.253 18.412 1.873a4.2 4.2 0 0 1 1.19.56h32.289c2.507-.389 5-.937 7.527-1.143c16.336-1.332 32.107-5.335 47.489-10.717a220 220 0 0 0 48.952-23.818c9.749-6.447 19.395-13.077 28.737-20.1c5.785-4.348 10.988-9.5 16.3-14.457c3.964-3.7 7.764-7.578 11.51-11.5a232.2 232.2 0 0 0 31.427-41.639c9.542-16.045 17.355-32.905 22.3-50.926c2.859-10.413 4.947-21.045 7.017-31.652c1.032-5.279 1.251-10.723 1.87-16.087c.036-.317.358-.6.552-.9v-37.056a10 10 0 0 1-.561-1.782m-161.117-1.15s-16.572-2.98-28.47-2.98c-27.2 0-33.57 14.9-33.57 37.04V360.8h-73.513V170.062H275.1v31.931c8.924-26.822 26.771-36.189 62.04-36.189Z"/></svg>
React
import type { SVGProps } from "react";
export function Fa6BrandsRavelry(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M498.252 234.223c-1.208-10.34-1.7-20.826-3.746-31a310 310 0 0 0-9.622-36.6a184.1 184.1 0 0 0-30.874-57.5a251 251 0 0 0-18.818-21.689a237.4 237.4 0 0 0-47.113-36.116a240.8 240.8 0 0 0-56.723-24.668c-11.018-3.1-22.272-5.431-33.515-7.615c-6.78-1.314-13.749-1.667-20.627-2.482c-.316-.036-.6-.358-.9-.553q-16.143.009-32.288.006c-2.41.389-4.808.925-7.236 1.15a179.3 179.3 0 0 0-34.256 7.1a221.5 221.5 0 0 0-39.768 16.355a281.4 281.4 0 0 0-38.08 24.158c-6.167 4.61-12.268 9.36-17.974 14.518c-10.173 9.207-20.372 18.433-29.927 28.268a244 244 0 0 0-33.648 43.95a206.5 206.5 0 0 0-20.494 44.6a198 198 0 0 0-7.691 34.759a201 201 0 0 0-1.552 35.521a300 300 0 0 0 4.425 40.24a227 227 0 0 0 16.73 53.3a210.5 210.5 0 0 0 24 39.528a213.6 213.6 0 0 0 26.358 28.416a251.3 251.3 0 0 0 41.787 30.586a288 288 0 0 0 55.9 25.277a269.5 269.5 0 0 0 40.641 9.835c6.071 1.01 12.275 1.253 18.412 1.873a4.2 4.2 0 0 1 1.19.56h32.289c2.507-.389 5-.937 7.527-1.143c16.336-1.332 32.107-5.335 47.489-10.717a220 220 0 0 0 48.952-23.818c9.749-6.447 19.395-13.077 28.737-20.1c5.785-4.348 10.988-9.5 16.3-14.457c3.964-3.7 7.764-7.578 11.51-11.5a232.2 232.2 0 0 0 31.427-41.639c9.542-16.045 17.355-32.905 22.3-50.926c2.859-10.413 4.947-21.045 7.017-31.652c1.032-5.279 1.251-10.723 1.87-16.087c.036-.317.358-.6.552-.9v-37.056a10 10 0 0 1-.561-1.782m-161.117-1.15s-16.572-2.98-28.47-2.98c-27.2 0-33.57 14.9-33.57 37.04V360.8h-73.513V170.062H275.1v31.931c8.924-26.822 26.771-36.189 62.04-36.189Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M498.252 234.223c-1.208-10.34-1.7-20.826-3.746-31a310 310 0 0 0-9.622-36.6a184.1 184.1 0 0 0-30.874-57.5a251 251 0 0 0-18.818-21.689a237.4 237.4 0 0 0-47.113-36.116a240.8 240.8 0 0 0-56.723-24.668c-11.018-3.1-22.272-5.431-33.515-7.615c-6.78-1.314-13.749-1.667-20.627-2.482c-.316-.036-.6-.358-.9-.553q-16.143.009-32.288.006c-2.41.389-4.808.925-7.236 1.15a179.3 179.3 0 0 0-34.256 7.1a221.5 221.5 0 0 0-39.768 16.355a281.4 281.4 0 0 0-38.08 24.158c-6.167 4.61-12.268 9.36-17.974 14.518c-10.173 9.207-20.372 18.433-29.927 28.268a244 244 0 0 0-33.648 43.95a206.5 206.5 0 0 0-20.494 44.6a198 198 0 0 0-7.691 34.759a201 201 0 0 0-1.552 35.521a300 300 0 0 0 4.425 40.24a227 227 0 0 0 16.73 53.3a210.5 210.5 0 0 0 24 39.528a213.6 213.6 0 0 0 26.358 28.416a251.3 251.3 0 0 0 41.787 30.586a288 288 0 0 0 55.9 25.277a269.5 269.5 0 0 0 40.641 9.835c6.071 1.01 12.275 1.253 18.412 1.873a4.2 4.2 0 0 1 1.19.56h32.289c2.507-.389 5-.937 7.527-1.143c16.336-1.332 32.107-5.335 47.489-10.717a220 220 0 0 0 48.952-23.818c9.749-6.447 19.395-13.077 28.737-20.1c5.785-4.348 10.988-9.5 16.3-14.457c3.964-3.7 7.764-7.578 11.51-11.5a232.2 232.2 0 0 0 31.427-41.639c9.542-16.045 17.355-32.905 22.3-50.926c2.859-10.413 4.947-21.045 7.017-31.652c1.032-5.279 1.251-10.723 1.87-16.087c.036-.317.358-.6.552-.9v-37.056a10 10 0 0 1-.561-1.782m-161.117-1.15s-16.572-2.98-28.47-2.98c-27.2 0-33.57 14.9-33.57 37.04V360.8h-73.513V170.062H275.1v31.931c8.924-26.822 26.771-36.189 62.04-36.189Z"/></svg> </template>
CSS
.icon-ravelry {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M498.252%20234.223c-1.208-10.34-1.7-20.826-3.746-31a310%20310%200%200%200-9.622-36.6a184.1%20184.1%200%200%200-30.874-57.5a251%20251%200%200%200-18.818-21.689a237.4%20237.4%200%200%200-47.113-36.116a240.8%20240.8%200%200%200-56.723-24.668c-11.018-3.1-22.272-5.431-33.515-7.615c-6.78-1.314-13.749-1.667-20.627-2.482c-.316-.036-.6-.358-.9-.553q-16.143.009-32.288.006c-2.41.389-4.808.925-7.236%201.15a179.3%20179.3%200%200%200-34.256%207.1a221.5%20221.5%200%200%200-39.768%2016.355a281.4%20281.4%200%200%200-38.08%2024.158c-6.167%204.61-12.268%209.36-17.974%2014.518c-10.173%209.207-20.372%2018.433-29.927%2028.268a244%20244%200%200%200-33.648%2043.95a206.5%20206.5%200%200%200-20.494%2044.6a198%20198%200%200%200-7.691%2034.759a201%20201%200%200%200-1.552%2035.521a300%20300%200%200%200%204.425%2040.24a227%20227%200%200%200%2016.73%2053.3a210.5%20210.5%200%200%200%2024%2039.528a213.6%20213.6%200%200%200%2026.358%2028.416a251.3%20251.3%200%200%200%2041.787%2030.586a288%20288%200%200%200%2055.9%2025.277a269.5%20269.5%200%200%200%2040.641%209.835c6.071%201.01%2012.275%201.253%2018.412%201.873a4.2%204.2%200%200%201%201.19.56h32.289c2.507-.389%205-.937%207.527-1.143c16.336-1.332%2032.107-5.335%2047.489-10.717a220%20220%200%200%200%2048.952-23.818c9.749-6.447%2019.395-13.077%2028.737-20.1c5.785-4.348%2010.988-9.5%2016.3-14.457c3.964-3.7%207.764-7.578%2011.51-11.5a232.2%20232.2%200%200%200%2031.427-41.639c9.542-16.045%2017.355-32.905%2022.3-50.926c2.859-10.413%204.947-21.045%207.017-31.652c1.032-5.279%201.251-10.723%201.87-16.087c.036-.317.358-.6.552-.9v-37.056a10%2010%200%200%201-.561-1.782m-161.117-1.15s-16.572-2.98-28.47-2.98c-27.2%200-33.57%2014.9-33.57%2037.04V360.8h-73.513V170.062H275.1v31.931c8.924-26.822%2026.771-36.189%2062.04-36.189Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M498.252%20234.223c-1.208-10.34-1.7-20.826-3.746-31a310%20310%200%200%200-9.622-36.6a184.1%20184.1%200%200%200-30.874-57.5a251%20251%200%200%200-18.818-21.689a237.4%20237.4%200%200%200-47.113-36.116a240.8%20240.8%200%200%200-56.723-24.668c-11.018-3.1-22.272-5.431-33.515-7.615c-6.78-1.314-13.749-1.667-20.627-2.482c-.316-.036-.6-.358-.9-.553q-16.143.009-32.288.006c-2.41.389-4.808.925-7.236%201.15a179.3%20179.3%200%200%200-34.256%207.1a221.5%20221.5%200%200%200-39.768%2016.355a281.4%20281.4%200%200%200-38.08%2024.158c-6.167%204.61-12.268%209.36-17.974%2014.518c-10.173%209.207-20.372%2018.433-29.927%2028.268a244%20244%200%200%200-33.648%2043.95a206.5%20206.5%200%200%200-20.494%2044.6a198%20198%200%200%200-7.691%2034.759a201%20201%200%200%200-1.552%2035.521a300%20300%200%200%200%204.425%2040.24a227%20227%200%200%200%2016.73%2053.3a210.5%20210.5%200%200%200%2024%2039.528a213.6%20213.6%200%200%200%2026.358%2028.416a251.3%20251.3%200%200%200%2041.787%2030.586a288%20288%200%200%200%2055.9%2025.277a269.5%20269.5%200%200%200%2040.641%209.835c6.071%201.01%2012.275%201.253%2018.412%201.873a4.2%204.2%200%200%201%201.19.56h32.289c2.507-.389%205-.937%207.527-1.143c16.336-1.332%2032.107-5.335%2047.489-10.717a220%20220%200%200%200%2048.952-23.818c9.749-6.447%2019.395-13.077%2028.737-20.1c5.785-4.348%2010.988-9.5%2016.3-14.457c3.964-3.7%207.764-7.578%2011.51-11.5a232.2%20232.2%200%200%200%2031.427-41.639c9.542-16.045%2017.355-32.905%2022.3-50.926c2.859-10.413%204.947-21.045%207.017-31.652c1.032-5.279%201.251-10.723%201.87-16.087c.036-.317.358-.6.552-.9v-37.056a10%2010%200%200%201-.561-1.782m-161.117-1.15s-16.572-2.98-28.47-2.98c-27.2%200-33.57%2014.9-33.57%2037.04V360.8h-73.513V170.062H275.1v31.931c8.924-26.822%2026.771-36.189%2062.04-36.189Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa6-brands/ravelry.svg?color=%231a73e8&size=48
