flarum logo
flarum from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.
- Name
- flarum
- Set
- SVG Logos
- Style
- Color
- Viewbox
- 512×116
- License
- CC0
Use the flarum logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 116"><defs><linearGradient id="SVGxNQ7vgKV" x1="50%" x2="50%" y1="100%" y2="0%"><stop offset="0%" stop-color="#d22929"/><stop offset="100%" stop-color="#b71717"/></linearGradient><linearGradient id="SVG8pHnxc4I" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#e7762e"/><stop offset="100%" stop-color="#e7562e"/></linearGradient></defs><path fill="url(#SVGxNQ7vgKV)" d="M.025 75.93L.002 5.16C0 2.31 1.963 1.226 4.375 2.733l50.79 31.744v79.3L7.584 84.9C.99 81.31.034 79.082.025 75.93"/><path fill="url(#SVG8pHnxc4I)" d="M5.176 0A5.174 5.174 0 0 0 0 5.184v70.668c.144 2.429.02 4.961 7.733 9.107c0 0-7.558-7.343 4.334-7.383H96.54V0z"/><path fill="url(#SVG8pHnxc4I)" d="M139.636 20.687v24.135h25.859v22.41h-25.859v46.546H118.95V0h49.994v20.687zm36.202 93.09V0h20.687v93.09h29.307v20.688zm96.54-22.41h-15.516l-3.448 22.41h-22.41L251.69 0h25.859l20.687 113.778h-22.411zm-10.344-39.65L260.31 70.68h10.343l-1.724-18.963l-3.448-22.41zM330.99 0c4.572 0 8.71.572 12.067 1.724c4.184 1.137 7.432 3.044 10.344 5.172c2.535 3.212 4.656 6.7 6.895 10.343c.799 4.966 1.558 10.225 1.724 17.24c-.166 6.934-1.161 13.255-3.448 18.962c-1.694 4.102-4.731 8.025-8.62 10.344l15.516 49.993h-22.41L330.99 68.956h-5.172v44.822h-20.687V0zm-5.172 20.687v27.582h3.448c1.615 0 3.14-.196 5.172 0c.798-.98 2.077-1.738 3.448-3.447c.916-.533 1.814-2.019 1.723-3.448c1.398-2.27 1.724-4.71 1.724-6.896c0-5.326-1.061-8.605-3.447-10.343c-1.86-2.411-4.61-3.448-8.62-3.448zm98.263 65.508c0 10.194-2.331 17.498-6.896 22.411c-4.759 4.534-11.648 6.896-20.687 6.896c-18.414 0-27.582-9.667-27.582-29.307V0h20.687v86.195s-.645 8.348 6.895 8.62c7.541.271 6.896-8.62 6.896-8.62V0h20.687zm41.374 5.172l-3.448-13.791l-5.172-17.24h-1.724v53.442h-20.687V0h20.687l10.344 31.03l6.895 22.411h1.724l6.896-24.135L491.313 0H512v113.778h-20.687V60.337h-1.724l-5.171 17.239l-3.448 13.791z"/></svg>
React
import type { SVGProps } from "react";
export function LogosFlarum(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 116"><defs><linearGradient id="SVGxNQ7vgKV" x1="50%" x2="50%" y1="100%" y2="0%"><stop offset="0%" stopColor="#d22929"/><stop offset="100%" stopColor="#b71717"/></linearGradient><linearGradient id="SVG8pHnxc4I" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stopColor="#e7762e"/><stop offset="100%" stopColor="#e7562e"/></linearGradient></defs><path fill="url(#SVGxNQ7vgKV)" d="M.025 75.93L.002 5.16C0 2.31 1.963 1.226 4.375 2.733l50.79 31.744v79.3L7.584 84.9C.99 81.31.034 79.082.025 75.93"/><path fill="url(#SVG8pHnxc4I)" d="M5.176 0A5.174 5.174 0 0 0 0 5.184v70.668c.144 2.429.02 4.961 7.733 9.107c0 0-7.558-7.343 4.334-7.383H96.54V0z"/><path fill="url(#SVG8pHnxc4I)" d="M139.636 20.687v24.135h25.859v22.41h-25.859v46.546H118.95V0h49.994v20.687zm36.202 93.09V0h20.687v93.09h29.307v20.688zm96.54-22.41h-15.516l-3.448 22.41h-22.41L251.69 0h25.859l20.687 113.778h-22.411zm-10.344-39.65L260.31 70.68h10.343l-1.724-18.963l-3.448-22.41zM330.99 0c4.572 0 8.71.572 12.067 1.724c4.184 1.137 7.432 3.044 10.344 5.172c2.535 3.212 4.656 6.7 6.895 10.343c.799 4.966 1.558 10.225 1.724 17.24c-.166 6.934-1.161 13.255-3.448 18.962c-1.694 4.102-4.731 8.025-8.62 10.344l15.516 49.993h-22.41L330.99 68.956h-5.172v44.822h-20.687V0zm-5.172 20.687v27.582h3.448c1.615 0 3.14-.196 5.172 0c.798-.98 2.077-1.738 3.448-3.447c.916-.533 1.814-2.019 1.723-3.448c1.398-2.27 1.724-4.71 1.724-6.896c0-5.326-1.061-8.605-3.447-10.343c-1.86-2.411-4.61-3.448-8.62-3.448zm98.263 65.508c0 10.194-2.331 17.498-6.896 22.411c-4.759 4.534-11.648 6.896-20.687 6.896c-18.414 0-27.582-9.667-27.582-29.307V0h20.687v86.195s-.645 8.348 6.895 8.62c7.541.271 6.896-8.62 6.896-8.62V0h20.687zm41.374 5.172l-3.448-13.791l-5.172-17.24h-1.724v53.442h-20.687V0h20.687l10.344 31.03l6.895 22.411h1.724l6.896-24.135L491.313 0H512v113.778h-20.687V60.337h-1.724l-5.171 17.239l-3.448 13.791z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 116"><defs><linearGradient id="SVGxNQ7vgKV" x1="50%" x2="50%" y1="100%" y2="0%"><stop offset="0%" stop-color="#d22929"/><stop offset="100%" stop-color="#b71717"/></linearGradient><linearGradient id="SVG8pHnxc4I" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#e7762e"/><stop offset="100%" stop-color="#e7562e"/></linearGradient></defs><path fill="url(#SVGxNQ7vgKV)" d="M.025 75.93L.002 5.16C0 2.31 1.963 1.226 4.375 2.733l50.79 31.744v79.3L7.584 84.9C.99 81.31.034 79.082.025 75.93"/><path fill="url(#SVG8pHnxc4I)" d="M5.176 0A5.174 5.174 0 0 0 0 5.184v70.668c.144 2.429.02 4.961 7.733 9.107c0 0-7.558-7.343 4.334-7.383H96.54V0z"/><path fill="url(#SVG8pHnxc4I)" d="M139.636 20.687v24.135h25.859v22.41h-25.859v46.546H118.95V0h49.994v20.687zm36.202 93.09V0h20.687v93.09h29.307v20.688zm96.54-22.41h-15.516l-3.448 22.41h-22.41L251.69 0h25.859l20.687 113.778h-22.411zm-10.344-39.65L260.31 70.68h10.343l-1.724-18.963l-3.448-22.41zM330.99 0c4.572 0 8.71.572 12.067 1.724c4.184 1.137 7.432 3.044 10.344 5.172c2.535 3.212 4.656 6.7 6.895 10.343c.799 4.966 1.558 10.225 1.724 17.24c-.166 6.934-1.161 13.255-3.448 18.962c-1.694 4.102-4.731 8.025-8.62 10.344l15.516 49.993h-22.41L330.99 68.956h-5.172v44.822h-20.687V0zm-5.172 20.687v27.582h3.448c1.615 0 3.14-.196 5.172 0c.798-.98 2.077-1.738 3.448-3.447c.916-.533 1.814-2.019 1.723-3.448c1.398-2.27 1.724-4.71 1.724-6.896c0-5.326-1.061-8.605-3.447-10.343c-1.86-2.411-4.61-3.448-8.62-3.448zm98.263 65.508c0 10.194-2.331 17.498-6.896 22.411c-4.759 4.534-11.648 6.896-20.687 6.896c-18.414 0-27.582-9.667-27.582-29.307V0h20.687v86.195s-.645 8.348 6.895 8.62c7.541.271 6.896-8.62 6.896-8.62V0h20.687zm41.374 5.172l-3.448-13.791l-5.172-17.24h-1.724v53.442h-20.687V0h20.687l10.344 31.03l6.895 22.411h1.724l6.896-24.135L491.313 0H512v113.778h-20.687V60.337h-1.724l-5.171 17.239l-3.448 13.791z"/></svg> </template>
CSS
.icon-flarum {
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%20116%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGxNQ7vgKV%22%20x1%3D%2250%25%22%20x2%3D%2250%25%22%20y1%3D%22100%25%22%20y2%3D%220%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23d22929%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23b71717%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVG8pHnxc4I%22%20x1%3D%2250%25%22%20x2%3D%2250%25%22%20y1%3D%220%25%22%20y2%3D%22100%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23e7762e%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23e7562e%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url(%23SVGxNQ7vgKV)%22%20d%3D%22M.025%2075.93L.002%205.16C0%202.31%201.963%201.226%204.375%202.733l50.79%2031.744v79.3L7.584%2084.9C.99%2081.31.034%2079.082.025%2075.93%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG8pHnxc4I)%22%20d%3D%22M5.176%200A5.174%205.174%200%200%200%200%205.184v70.668c.144%202.429.02%204.961%207.733%209.107c0%200-7.558-7.343%204.334-7.383H96.54V0z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG8pHnxc4I)%22%20d%3D%22M139.636%2020.687v24.135h25.859v22.41h-25.859v46.546H118.95V0h49.994v20.687zm36.202%2093.09V0h20.687v93.09h29.307v20.688zm96.54-22.41h-15.516l-3.448%2022.41h-22.41L251.69%200h25.859l20.687%20113.778h-22.411zm-10.344-39.65L260.31%2070.68h10.343l-1.724-18.963l-3.448-22.41zM330.99%200c4.572%200%208.71.572%2012.067%201.724c4.184%201.137%207.432%203.044%2010.344%205.172c2.535%203.212%204.656%206.7%206.895%2010.343c.799%204.966%201.558%2010.225%201.724%2017.24c-.166%206.934-1.161%2013.255-3.448%2018.962c-1.694%204.102-4.731%208.025-8.62%2010.344l15.516%2049.993h-22.41L330.99%2068.956h-5.172v44.822h-20.687V0zm-5.172%2020.687v27.582h3.448c1.615%200%203.14-.196%205.172%200c.798-.98%202.077-1.738%203.448-3.447c.916-.533%201.814-2.019%201.723-3.448c1.398-2.27%201.724-4.71%201.724-6.896c0-5.326-1.061-8.605-3.447-10.343c-1.86-2.411-4.61-3.448-8.62-3.448zm98.263%2065.508c0%2010.194-2.331%2017.498-6.896%2022.411c-4.759%204.534-11.648%206.896-20.687%206.896c-18.414%200-27.582-9.667-27.582-29.307V0h20.687v86.195s-.645%208.348%206.895%208.62c7.541.271%206.896-8.62%206.896-8.62V0h20.687zm41.374%205.172l-3.448-13.791l-5.172-17.24h-1.724v53.442h-20.687V0h20.687l10.344%2031.03l6.895%2022.411h1.724l6.896-24.135L491.313%200H512v113.778h-20.687V60.337h-1.724l-5.171%2017.239l-3.448%2013.791z%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%20116%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGxNQ7vgKV%22%20x1%3D%2250%25%22%20x2%3D%2250%25%22%20y1%3D%22100%25%22%20y2%3D%220%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23d22929%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23b71717%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVG8pHnxc4I%22%20x1%3D%2250%25%22%20x2%3D%2250%25%22%20y1%3D%220%25%22%20y2%3D%22100%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23e7762e%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23e7562e%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url(%23SVGxNQ7vgKV)%22%20d%3D%22M.025%2075.93L.002%205.16C0%202.31%201.963%201.226%204.375%202.733l50.79%2031.744v79.3L7.584%2084.9C.99%2081.31.034%2079.082.025%2075.93%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG8pHnxc4I)%22%20d%3D%22M5.176%200A5.174%205.174%200%200%200%200%205.184v70.668c.144%202.429.02%204.961%207.733%209.107c0%200-7.558-7.343%204.334-7.383H96.54V0z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG8pHnxc4I)%22%20d%3D%22M139.636%2020.687v24.135h25.859v22.41h-25.859v46.546H118.95V0h49.994v20.687zm36.202%2093.09V0h20.687v93.09h29.307v20.688zm96.54-22.41h-15.516l-3.448%2022.41h-22.41L251.69%200h25.859l20.687%20113.778h-22.411zm-10.344-39.65L260.31%2070.68h10.343l-1.724-18.963l-3.448-22.41zM330.99%200c4.572%200%208.71.572%2012.067%201.724c4.184%201.137%207.432%203.044%2010.344%205.172c2.535%203.212%204.656%206.7%206.895%2010.343c.799%204.966%201.558%2010.225%201.724%2017.24c-.166%206.934-1.161%2013.255-3.448%2018.962c-1.694%204.102-4.731%208.025-8.62%2010.344l15.516%2049.993h-22.41L330.99%2068.956h-5.172v44.822h-20.687V0zm-5.172%2020.687v27.582h3.448c1.615%200%203.14-.196%205.172%200c.798-.98%202.077-1.738%203.448-3.447c.916-.533%201.814-2.019%201.723-3.448c1.398-2.27%201.724-4.71%201.724-6.896c0-5.326-1.061-8.605-3.447-10.343c-1.86-2.411-4.61-3.448-8.62-3.448zm98.263%2065.508c0%2010.194-2.331%2017.498-6.896%2022.411c-4.759%204.534-11.648%206.896-20.687%206.896c-18.414%200-27.582-9.667-27.582-29.307V0h20.687v86.195s-.645%208.348%206.895%208.62c7.541.271%206.896-8.62%206.896-8.62V0h20.687zm41.374%205.172l-3.448-13.791l-5.172-17.24h-1.724v53.442h-20.687V0h20.687l10.344%2031.03l6.895%2022.411h1.724l6.896-24.135L491.313%200H512v113.778h-20.687V60.337h-1.724l-5.171%2017.239l-3.448%2013.791z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/flarum.svg?color=%231a73e8&size=48
