fediverse logo icon
fediverse-logo-light from Phosphor by Phosphor Icons · Light · MIT Free for personal and commercial use.
- Name
- fediverse-logo-light
- Set
- Phosphor
- Style
- Light
- 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 98a25.85 25.85 0 0 0-11.11 2.5L168.48 60A26 26 0 1 0 122 44a26 26 0 0 0 .34 4.19L73 68.74a26 26 0 1 0-26 40.78L49 159a26 26 0 1 0 29.74 37.6L130 211v1a26 26 0 1 0 44.63-18.11l28.85-45.33A26 26 0 1 0 212 98m-56 88c-.78 0-1.55 0-2.31.11l-17.49-52.49l50.8-2.42a26.1 26.1 0 0 0 6.35 10.91l-28.85 45.33A25.9 25.9 0 0 0 156 186m-83.73-22.26A26 26 0 0 0 61 158.48L59 109a26 26 0 0 0 11.86-7.17l46.42 26.87ZM148 70a25.85 25.85 0 0 0 11.11-2.5l32.41 40.5a25.9 25.9 0 0 0-5.07 11.2l-50.76 2.42zm0-40a14 14 0 1 1-14 14a14 14 0 0 1 14-14m-21 29.26a26.2 26.2 0 0 0 9.34 7.95L124 118.77L76.9 91.48a26 26 0 0 0 .76-11.67ZM38 84a14 14 0 1 1 14 14a14 14 0 0 1-14-14m18 114a14 14 0 1 1 14-14a14 14 0 0 1-14 14m26-13v-1a25.9 25.9 0 0 0-2.35-10.79L125 137.94l17.32 52a26.2 26.2 0 0 0-9.05 9.49Zm74 41a14 14 0 1 1 14-14a14 14 0 0 1-14 14m56-88a14 14 0 1 1 14-14a14 14 0 0 1-14 14"/></svg>
React
import type { SVGProps } from "react";
export function PhFediverseLogoLight(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 98a25.85 25.85 0 0 0-11.11 2.5L168.48 60A26 26 0 1 0 122 44a26 26 0 0 0 .34 4.19L73 68.74a26 26 0 1 0-26 40.78L49 159a26 26 0 1 0 29.74 37.6L130 211v1a26 26 0 1 0 44.63-18.11l28.85-45.33A26 26 0 1 0 212 98m-56 88c-.78 0-1.55 0-2.31.11l-17.49-52.49l50.8-2.42a26.1 26.1 0 0 0 6.35 10.91l-28.85 45.33A25.9 25.9 0 0 0 156 186m-83.73-22.26A26 26 0 0 0 61 158.48L59 109a26 26 0 0 0 11.86-7.17l46.42 26.87ZM148 70a25.85 25.85 0 0 0 11.11-2.5l32.41 40.5a25.9 25.9 0 0 0-5.07 11.2l-50.76 2.42zm0-40a14 14 0 1 1-14 14a14 14 0 0 1 14-14m-21 29.26a26.2 26.2 0 0 0 9.34 7.95L124 118.77L76.9 91.48a26 26 0 0 0 .76-11.67ZM38 84a14 14 0 1 1 14 14a14 14 0 0 1-14-14m18 114a14 14 0 1 1 14-14a14 14 0 0 1-14 14m26-13v-1a25.9 25.9 0 0 0-2.35-10.79L125 137.94l17.32 52a26.2 26.2 0 0 0-9.05 9.49Zm74 41a14 14 0 1 1 14-14a14 14 0 0 1-14 14m56-88a14 14 0 1 1 14-14a14 14 0 0 1-14 14"/></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 98a25.85 25.85 0 0 0-11.11 2.5L168.48 60A26 26 0 1 0 122 44a26 26 0 0 0 .34 4.19L73 68.74a26 26 0 1 0-26 40.78L49 159a26 26 0 1 0 29.74 37.6L130 211v1a26 26 0 1 0 44.63-18.11l28.85-45.33A26 26 0 1 0 212 98m-56 88c-.78 0-1.55 0-2.31.11l-17.49-52.49l50.8-2.42a26.1 26.1 0 0 0 6.35 10.91l-28.85 45.33A25.9 25.9 0 0 0 156 186m-83.73-22.26A26 26 0 0 0 61 158.48L59 109a26 26 0 0 0 11.86-7.17l46.42 26.87ZM148 70a25.85 25.85 0 0 0 11.11-2.5l32.41 40.5a25.9 25.9 0 0 0-5.07 11.2l-50.76 2.42zm0-40a14 14 0 1 1-14 14a14 14 0 0 1 14-14m-21 29.26a26.2 26.2 0 0 0 9.34 7.95L124 118.77L76.9 91.48a26 26 0 0 0 .76-11.67ZM38 84a14 14 0 1 1 14 14a14 14 0 0 1-14-14m18 114a14 14 0 1 1 14-14a14 14 0 0 1-14 14m26-13v-1a25.9 25.9 0 0 0-2.35-10.79L125 137.94l17.32 52a26.2 26.2 0 0 0-9.05 9.49Zm74 41a14 14 0 1 1 14-14a14 14 0 0 1-14 14m56-88a14 14 0 1 1 14-14a14 14 0 0 1-14 14"/></svg> </template>
CSS
.icon-fediverse-logo-light {
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%2098a25.85%2025.85%200%200%200-11.11%202.5L168.48%2060A26%2026%200%201%200%20122%2044a26%2026%200%200%200%20.34%204.19L73%2068.74a26%2026%200%201%200-26%2040.78L49%20159a26%2026%200%201%200%2029.74%2037.6L130%20211v1a26%2026%200%201%200%2044.63-18.11l28.85-45.33A26%2026%200%201%200%20212%2098m-56%2088c-.78%200-1.55%200-2.31.11l-17.49-52.49l50.8-2.42a26.1%2026.1%200%200%200%206.35%2010.91l-28.85%2045.33A25.9%2025.9%200%200%200%20156%20186m-83.73-22.26A26%2026%200%200%200%2061%20158.48L59%20109a26%2026%200%200%200%2011.86-7.17l46.42%2026.87ZM148%2070a25.85%2025.85%200%200%200%2011.11-2.5l32.41%2040.5a25.9%2025.9%200%200%200-5.07%2011.2l-50.76%202.42zm0-40a14%2014%200%201%201-14%2014a14%2014%200%200%201%2014-14m-21%2029.26a26.2%2026.2%200%200%200%209.34%207.95L124%20118.77L76.9%2091.48a26%2026%200%200%200%20.76-11.67ZM38%2084a14%2014%200%201%201%2014%2014a14%2014%200%200%201-14-14m18%20114a14%2014%200%201%201%2014-14a14%2014%200%200%201-14%2014m26-13v-1a25.9%2025.9%200%200%200-2.35-10.79L125%20137.94l17.32%2052a26.2%2026.2%200%200%200-9.05%209.49Zm74%2041a14%2014%200%201%201%2014-14a14%2014%200%200%201-14%2014m56-88a14%2014%200%201%201%2014-14a14%2014%200%200%201-14%2014%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%2098a25.85%2025.85%200%200%200-11.11%202.5L168.48%2060A26%2026%200%201%200%20122%2044a26%2026%200%200%200%20.34%204.19L73%2068.74a26%2026%200%201%200-26%2040.78L49%20159a26%2026%200%201%200%2029.74%2037.6L130%20211v1a26%2026%200%201%200%2044.63-18.11l28.85-45.33A26%2026%200%201%200%20212%2098m-56%2088c-.78%200-1.55%200-2.31.11l-17.49-52.49l50.8-2.42a26.1%2026.1%200%200%200%206.35%2010.91l-28.85%2045.33A25.9%2025.9%200%200%200%20156%20186m-83.73-22.26A26%2026%200%200%200%2061%20158.48L59%20109a26%2026%200%200%200%2011.86-7.17l46.42%2026.87ZM148%2070a25.85%2025.85%200%200%200%2011.11-2.5l32.41%2040.5a25.9%2025.9%200%200%200-5.07%2011.2l-50.76%202.42zm0-40a14%2014%200%201%201-14%2014a14%2014%200%200%201%2014-14m-21%2029.26a26.2%2026.2%200%200%200%209.34%207.95L124%20118.77L76.9%2091.48a26%2026%200%200%200%20.76-11.67ZM38%2084a14%2014%200%201%201%2014%2014a14%2014%200%200%201-14-14m18%20114a14%2014%200%201%201%2014-14a14%2014%200%200%201-14%2014m26-13v-1a25.9%2025.9%200%200%200-2.35-10.79L125%20137.94l17.32%2052a26.2%2026.2%200%200%200-9.05%209.49Zm74%2041a14%2014%200%201%201%2014-14a14%2014%200%200%201-14%2014m56-88a14%2014%200%201%201%2014-14a14%2014%200%200%201-14%2014%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/fediverse-logo-light.svg?color=%231a73e8&size=48
