floorp logo
floorp from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- floorp
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
Use the floorp logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8.348 1.146c-1.917 0-2.807.326-3.84 2.116L.717 9.852S0 10.779 0 11.998c0 1.22.717 2.156.717 2.156l3.803 6.584c1.033 1.79 1.92 2.116 3.837 2.116h7.286c1.917 0 2.804-.326 3.837-2.116l3.803-6.584s.717-.937.717-2.156s-.717-2.146-.717-2.146l-3.79-6.59c-1.034-1.79-1.924-2.116-3.84-2.116Zm.02 2.788l.134.003h7c.74-.02 1.174.048 1.605.795l1.116 1.932c.223.386.031.502-.147.502H8.97c-.282 0-.4.079-.4.338v3.102c0 .258.118.337.4.337h11.379c.176 0 .757.145.756 1.016a1.27 1.27 0 0 1-.206.75l-.634 1.1c-.145.22-.28.384-.604.384H8.97v.002c-.282 0-.4.081-.4.34v5.137c0 .197-.122.394-.464.394c-.76 0-1.128-.63-1.166-.695l-2.908-5.035l-.66-1.147c-.657-1.137-.654-1.216 0-2.35l2.41-4.175l1.115-1.932c.405-.7.811-.805 1.471-.798"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsFloorp(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8.348 1.146c-1.917 0-2.807.326-3.84 2.116L.717 9.852S0 10.779 0 11.998c0 1.22.717 2.156.717 2.156l3.803 6.584c1.033 1.79 1.92 2.116 3.837 2.116h7.286c1.917 0 2.804-.326 3.837-2.116l3.803-6.584s.717-.937.717-2.156s-.717-2.146-.717-2.146l-3.79-6.59c-1.034-1.79-1.924-2.116-3.84-2.116Zm.02 2.788l.134.003h7c.74-.02 1.174.048 1.605.795l1.116 1.932c.223.386.031.502-.147.502H8.97c-.282 0-.4.079-.4.338v3.102c0 .258.118.337.4.337h11.379c.176 0 .757.145.756 1.016a1.27 1.27 0 0 1-.206.75l-.634 1.1c-.145.22-.28.384-.604.384H8.97v.002c-.282 0-.4.081-.4.34v5.137c0 .197-.122.394-.464.394c-.76 0-1.128-.63-1.166-.695l-2.908-5.035l-.66-1.147c-.657-1.137-.654-1.216 0-2.35l2.41-4.175l1.115-1.932c.405-.7.811-.805 1.471-.798"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8.348 1.146c-1.917 0-2.807.326-3.84 2.116L.717 9.852S0 10.779 0 11.998c0 1.22.717 2.156.717 2.156l3.803 6.584c1.033 1.79 1.92 2.116 3.837 2.116h7.286c1.917 0 2.804-.326 3.837-2.116l3.803-6.584s.717-.937.717-2.156s-.717-2.146-.717-2.146l-3.79-6.59c-1.034-1.79-1.924-2.116-3.84-2.116Zm.02 2.788l.134.003h7c.74-.02 1.174.048 1.605.795l1.116 1.932c.223.386.031.502-.147.502H8.97c-.282 0-.4.079-.4.338v3.102c0 .258.118.337.4.337h11.379c.176 0 .757.145.756 1.016a1.27 1.27 0 0 1-.206.75l-.634 1.1c-.145.22-.28.384-.604.384H8.97v.002c-.282 0-.4.081-.4.34v5.137c0 .197-.122.394-.464.394c-.76 0-1.128-.63-1.166-.695l-2.908-5.035l-.66-1.147c-.657-1.137-.654-1.216 0-2.35l2.41-4.175l1.115-1.932c.405-.7.811-.805 1.471-.798"/></svg> </template>
CSS
.icon-floorp {
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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M8.348%201.146c-1.917%200-2.807.326-3.84%202.116L.717%209.852S0%2010.779%200%2011.998c0%201.22.717%202.156.717%202.156l3.803%206.584c1.033%201.79%201.92%202.116%203.837%202.116h7.286c1.917%200%202.804-.326%203.837-2.116l3.803-6.584s.717-.937.717-2.156s-.717-2.146-.717-2.146l-3.79-6.59c-1.034-1.79-1.924-2.116-3.84-2.116Zm.02%202.788l.134.003h7c.74-.02%201.174.048%201.605.795l1.116%201.932c.223.386.031.502-.147.502H8.97c-.282%200-.4.079-.4.338v3.102c0%20.258.118.337.4.337h11.379c.176%200%20.757.145.756%201.016a1.27%201.27%200%200%201-.206.75l-.634%201.1c-.145.22-.28.384-.604.384H8.97v.002c-.282%200-.4.081-.4.34v5.137c0%20.197-.122.394-.464.394c-.76%200-1.128-.63-1.166-.695l-2.908-5.035l-.66-1.147c-.657-1.137-.654-1.216%200-2.35l2.41-4.175l1.115-1.932c.405-.7.811-.805%201.471-.798%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M8.348%201.146c-1.917%200-2.807.326-3.84%202.116L.717%209.852S0%2010.779%200%2011.998c0%201.22.717%202.156.717%202.156l3.803%206.584c1.033%201.79%201.92%202.116%203.837%202.116h7.286c1.917%200%202.804-.326%203.837-2.116l3.803-6.584s.717-.937.717-2.156s-.717-2.146-.717-2.146l-3.79-6.59c-1.034-1.79-1.924-2.116-3.84-2.116Zm.02%202.788l.134.003h7c.74-.02%201.174.048%201.605.795l1.116%201.932c.223.386.031.502-.147.502H8.97c-.282%200-.4.079-.4.338v3.102c0%20.258.118.337.4.337h11.379c.176%200%20.757.145.756%201.016a1.27%201.27%200%200%201-.206.75l-.634%201.1c-.145.22-.28.384-.604.384H8.97v.002c-.282%200-.4.081-.4.34v5.137c0%20.197-.122.394-.464.394c-.76%200-1.128-.63-1.166-.695l-2.908-5.035l-.66-1.147c-.657-1.137-.654-1.216%200-2.35l2.41-4.175l1.115-1.932c.405-.7.811-.805%201.471-.798%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/floorp.svg?color=%231a73e8&size=48
