fediverse logo icon
fediverse-logo-thin from Phosphor by Phosphor Icons · Thin · MIT Free for personal and commercial use.
- Name
- fediverse-logo-thin
- Set
- Phosphor
- Style
- Thin
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
Use the fediverse logo icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M212 100a23.8 23.8 0 0 0-11.65 3L165.9 60a24 24 0 1 0-41.28-10.56L72.29 71.21A24 24 0 1 0 49 107.8l2.11 52.71a24 24 0 1 0 26.59 33.72l54.43 15.24c-.08.83-.13 1.68-.13 2.53a24 24 0 1 0 40.07-17.81l30.6-48.08A23.8 23.8 0 0 0 212 148a24 24 0 0 0 0-48m-23.82 21.13l-55.06 2.62l13.29-55.81q.79.06 1.59.06a23.8 23.8 0 0 0 11.65-3l34.45 43a23.9 23.9 0 0 0-5.92 13.13m-116 45.19a23.9 23.9 0 0 0-13.16-6.12l-2.11-52.71a24.05 24.05 0 0 0 13.52-8.18l50.4 29.18ZM148 28a16 16 0 1 1-16 16a16 16 0 0 1 16-16m-20.29 28.79a24 24 0 0 0 10.92 9.3l-13.28 55.76l-50.87-29.46A23.8 23.8 0 0 0 76 84a24 24 0 0 0-.62-5.41ZM36 84a16 16 0 1 1 16 16a16 16 0 0 1-16-16m20 116a16 16 0 1 1 16-16a16 16 0 0 1-16 16m23.87-13.47c.08-.83.13-1.68.13-2.53a23.86 23.86 0 0 0-2.87-11.37l48.86-38l18.73 56.19a24.17 24.17 0 0 0-10.42 11ZM156 228a16 16 0 1 1 16-16a16 16 0 0 1-16 16m9.33-38.11A23.8 23.8 0 0 0 156 188a25 25 0 0 0-3.69.28l-18.85-56.54l55.1-2.62a23.92 23.92 0 0 0 7.37 12.69ZM212 140a16 16 0 1 1 16-16a16 16 0 0 1-16 16"/></svg>
React
import type { SVGProps } from "react";
export function PhFediverseLogoThin(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M212 100a23.8 23.8 0 0 0-11.65 3L165.9 60a24 24 0 1 0-41.28-10.56L72.29 71.21A24 24 0 1 0 49 107.8l2.11 52.71a24 24 0 1 0 26.59 33.72l54.43 15.24c-.08.83-.13 1.68-.13 2.53a24 24 0 1 0 40.07-17.81l30.6-48.08A23.8 23.8 0 0 0 212 148a24 24 0 0 0 0-48m-23.82 21.13l-55.06 2.62l13.29-55.81q.79.06 1.59.06a23.8 23.8 0 0 0 11.65-3l34.45 43a23.9 23.9 0 0 0-5.92 13.13m-116 45.19a23.9 23.9 0 0 0-13.16-6.12l-2.11-52.71a24.05 24.05 0 0 0 13.52-8.18l50.4 29.18ZM148 28a16 16 0 1 1-16 16a16 16 0 0 1 16-16m-20.29 28.79a24 24 0 0 0 10.92 9.3l-13.28 55.76l-50.87-29.46A23.8 23.8 0 0 0 76 84a24 24 0 0 0-.62-5.41ZM36 84a16 16 0 1 1 16 16a16 16 0 0 1-16-16m20 116a16 16 0 1 1 16-16a16 16 0 0 1-16 16m23.87-13.47c.08-.83.13-1.68.13-2.53a23.86 23.86 0 0 0-2.87-11.37l48.86-38l18.73 56.19a24.17 24.17 0 0 0-10.42 11ZM156 228a16 16 0 1 1 16-16a16 16 0 0 1-16 16m9.33-38.11A23.8 23.8 0 0 0 156 188a25 25 0 0 0-3.69.28l-18.85-56.54l55.1-2.62a23.92 23.92 0 0 0 7.37 12.69ZM212 140a16 16 0 1 1 16-16a16 16 0 0 1-16 16"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M212 100a23.8 23.8 0 0 0-11.65 3L165.9 60a24 24 0 1 0-41.28-10.56L72.29 71.21A24 24 0 1 0 49 107.8l2.11 52.71a24 24 0 1 0 26.59 33.72l54.43 15.24c-.08.83-.13 1.68-.13 2.53a24 24 0 1 0 40.07-17.81l30.6-48.08A23.8 23.8 0 0 0 212 148a24 24 0 0 0 0-48m-23.82 21.13l-55.06 2.62l13.29-55.81q.79.06 1.59.06a23.8 23.8 0 0 0 11.65-3l34.45 43a23.9 23.9 0 0 0-5.92 13.13m-116 45.19a23.9 23.9 0 0 0-13.16-6.12l-2.11-52.71a24.05 24.05 0 0 0 13.52-8.18l50.4 29.18ZM148 28a16 16 0 1 1-16 16a16 16 0 0 1 16-16m-20.29 28.79a24 24 0 0 0 10.92 9.3l-13.28 55.76l-50.87-29.46A23.8 23.8 0 0 0 76 84a24 24 0 0 0-.62-5.41ZM36 84a16 16 0 1 1 16 16a16 16 0 0 1-16-16m20 116a16 16 0 1 1 16-16a16 16 0 0 1-16 16m23.87-13.47c.08-.83.13-1.68.13-2.53a23.86 23.86 0 0 0-2.87-11.37l48.86-38l18.73 56.19a24.17 24.17 0 0 0-10.42 11ZM156 228a16 16 0 1 1 16-16a16 16 0 0 1-16 16m9.33-38.11A23.8 23.8 0 0 0 156 188a25 25 0 0 0-3.69.28l-18.85-56.54l55.1-2.62a23.92 23.92 0 0 0 7.37 12.69ZM212 140a16 16 0 1 1 16-16a16 16 0 0 1-16 16"/></svg> </template>
CSS
.icon-fediverse-logo-thin {
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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M212%20100a23.8%2023.8%200%200%200-11.65%203L165.9%2060a24%2024%200%201%200-41.28-10.56L72.29%2071.21A24%2024%200%201%200%2049%20107.8l2.11%2052.71a24%2024%200%201%200%2026.59%2033.72l54.43%2015.24c-.08.83-.13%201.68-.13%202.53a24%2024%200%201%200%2040.07-17.81l30.6-48.08A23.8%2023.8%200%200%200%20212%20148a24%2024%200%200%200%200-48m-23.82%2021.13l-55.06%202.62l13.29-55.81q.79.06%201.59.06a23.8%2023.8%200%200%200%2011.65-3l34.45%2043a23.9%2023.9%200%200%200-5.92%2013.13m-116%2045.19a23.9%2023.9%200%200%200-13.16-6.12l-2.11-52.71a24.05%2024.05%200%200%200%2013.52-8.18l50.4%2029.18ZM148%2028a16%2016%200%201%201-16%2016a16%2016%200%200%201%2016-16m-20.29%2028.79a24%2024%200%200%200%2010.92%209.3l-13.28%2055.76l-50.87-29.46A23.8%2023.8%200%200%200%2076%2084a24%2024%200%200%200-.62-5.41ZM36%2084a16%2016%200%201%201%2016%2016a16%2016%200%200%201-16-16m20%20116a16%2016%200%201%201%2016-16a16%2016%200%200%201-16%2016m23.87-13.47c.08-.83.13-1.68.13-2.53a23.86%2023.86%200%200%200-2.87-11.37l48.86-38l18.73%2056.19a24.17%2024.17%200%200%200-10.42%2011ZM156%20228a16%2016%200%201%201%2016-16a16%2016%200%200%201-16%2016m9.33-38.11A23.8%2023.8%200%200%200%20156%20188a25%2025%200%200%200-3.69.28l-18.85-56.54l55.1-2.62a23.92%2023.92%200%200%200%207.37%2012.69ZM212%20140a16%2016%200%201%201%2016-16a16%2016%200%200%201-16%2016%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M212%20100a23.8%2023.8%200%200%200-11.65%203L165.9%2060a24%2024%200%201%200-41.28-10.56L72.29%2071.21A24%2024%200%201%200%2049%20107.8l2.11%2052.71a24%2024%200%201%200%2026.59%2033.72l54.43%2015.24c-.08.83-.13%201.68-.13%202.53a24%2024%200%201%200%2040.07-17.81l30.6-48.08A23.8%2023.8%200%200%200%20212%20148a24%2024%200%200%200%200-48m-23.82%2021.13l-55.06%202.62l13.29-55.81q.79.06%201.59.06a23.8%2023.8%200%200%200%2011.65-3l34.45%2043a23.9%2023.9%200%200%200-5.92%2013.13m-116%2045.19a23.9%2023.9%200%200%200-13.16-6.12l-2.11-52.71a24.05%2024.05%200%200%200%2013.52-8.18l50.4%2029.18ZM148%2028a16%2016%200%201%201-16%2016a16%2016%200%200%201%2016-16m-20.29%2028.79a24%2024%200%200%200%2010.92%209.3l-13.28%2055.76l-50.87-29.46A23.8%2023.8%200%200%200%2076%2084a24%2024%200%200%200-.62-5.41ZM36%2084a16%2016%200%201%201%2016%2016a16%2016%200%200%201-16-16m20%20116a16%2016%200%201%201%2016-16a16%2016%200%200%201-16%2016m23.87-13.47c.08-.83.13-1.68.13-2.53a23.86%2023.86%200%200%200-2.87-11.37l48.86-38l18.73%2056.19a24.17%2024.17%200%200%200-10.42%2011ZM156%20228a16%2016%200%201%201%2016-16a16%2016%200%200%201-16%2016m9.33-38.11A23.8%2023.8%200%200%200%20156%20188a25%2025%200%200%200-3.69.28l-18.85-56.54l55.1-2.62a23.92%2023.92%200%200%200%207.37%2012.69ZM212%20140a16%2016%200%201%201%2016-16a16%2016%200%200%201-16%2016%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/fediverse-logo-thin.svg?color=%231a73e8&size=48
