seafile logo
seafile from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- seafile
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
Use the seafile logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8.213 4.27A3.62 3.62 0 0 0 4.59 7.893q.001.097.008.2a2.4 2.4 0 0 0-.973-.204a2.416 2.416 0 0 0-2.418 2.418q.001.095.008.191A.722.722 0 0 0 0 11.023c0 .4.324.713.725.721h3.548a4.19 4.19 0 0 1 3.823-2.406c.817 0 1.58.24 2.228.644a5.7 5.7 0 0 1 1.514-2.125A3.627 3.627 0 0 0 8.213 4.27m7.367 3.136a4.95 4.95 0 0 0-4.902 4.254a3.384 3.384 0 0 0-5.732 3.541C3.77 15.44 2.9 16.351 2.9 17.435c0 1.269 1.189 2.295 2.659 2.295c.648 0 1.242-.202 1.703-.537l5.437-5.345a3.36 3.36 0 0 1 2.28-.887a3.387 3.387 0 0 1 3.382 3.293q.001-.002-.004-.004a1.51 1.51 0 0 1-.77 1.383c-.724.418-1.632.196-2.029-.492c-.4-.692-.136-1.59.588-2.008a1.6 1.6 0 0 1 .526-.19a2.417 2.417 0 1 0-.305 4.78l-.004-.006l.069-.008h4.744v.018c1.452-.065 2.824-1.401 2.824-3.03c0-1.668-1.426-3.029-3.094-3.029h-.008c-.27.483-.597.764-.968 1.066c.389-.71.611-1.518.611-2.382a4.97 4.97 0 0 0-1.459-3.495a4.93 4.93 0 0 0-3.502-1.45Z"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsSeafile(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.213 4.27A3.62 3.62 0 0 0 4.59 7.893q.001.097.008.2a2.4 2.4 0 0 0-.973-.204a2.416 2.416 0 0 0-2.418 2.418q.001.095.008.191A.722.722 0 0 0 0 11.023c0 .4.324.713.725.721h3.548a4.19 4.19 0 0 1 3.823-2.406c.817 0 1.58.24 2.228.644a5.7 5.7 0 0 1 1.514-2.125A3.627 3.627 0 0 0 8.213 4.27m7.367 3.136a4.95 4.95 0 0 0-4.902 4.254a3.384 3.384 0 0 0-5.732 3.541C3.77 15.44 2.9 16.351 2.9 17.435c0 1.269 1.189 2.295 2.659 2.295c.648 0 1.242-.202 1.703-.537l5.437-5.345a3.36 3.36 0 0 1 2.28-.887a3.387 3.387 0 0 1 3.382 3.293q.001-.002-.004-.004a1.51 1.51 0 0 1-.77 1.383c-.724.418-1.632.196-2.029-.492c-.4-.692-.136-1.59.588-2.008a1.6 1.6 0 0 1 .526-.19a2.417 2.417 0 1 0-.305 4.78l-.004-.006l.069-.008h4.744v.018c1.452-.065 2.824-1.401 2.824-3.03c0-1.668-1.426-3.029-3.094-3.029h-.008c-.27.483-.597.764-.968 1.066c.389-.71.611-1.518.611-2.382a4.97 4.97 0 0 0-1.459-3.495a4.93 4.93 0 0 0-3.502-1.45Z"/></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.213 4.27A3.62 3.62 0 0 0 4.59 7.893q.001.097.008.2a2.4 2.4 0 0 0-.973-.204a2.416 2.416 0 0 0-2.418 2.418q.001.095.008.191A.722.722 0 0 0 0 11.023c0 .4.324.713.725.721h3.548a4.19 4.19 0 0 1 3.823-2.406c.817 0 1.58.24 2.228.644a5.7 5.7 0 0 1 1.514-2.125A3.627 3.627 0 0 0 8.213 4.27m7.367 3.136a4.95 4.95 0 0 0-4.902 4.254a3.384 3.384 0 0 0-5.732 3.541C3.77 15.44 2.9 16.351 2.9 17.435c0 1.269 1.189 2.295 2.659 2.295c.648 0 1.242-.202 1.703-.537l5.437-5.345a3.36 3.36 0 0 1 2.28-.887a3.387 3.387 0 0 1 3.382 3.293q.001-.002-.004-.004a1.51 1.51 0 0 1-.77 1.383c-.724.418-1.632.196-2.029-.492c-.4-.692-.136-1.59.588-2.008a1.6 1.6 0 0 1 .526-.19a2.417 2.417 0 1 0-.305 4.78l-.004-.006l.069-.008h4.744v.018c1.452-.065 2.824-1.401 2.824-3.03c0-1.668-1.426-3.029-3.094-3.029h-.008c-.27.483-.597.764-.968 1.066c.389-.71.611-1.518.611-2.382a4.97 4.97 0 0 0-1.459-3.495a4.93 4.93 0 0 0-3.502-1.45Z"/></svg> </template>
CSS
.icon-seafile {
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.213%204.27A3.62%203.62%200%200%200%204.59%207.893q.001.097.008.2a2.4%202.4%200%200%200-.973-.204a2.416%202.416%200%200%200-2.418%202.418q.001.095.008.191A.722.722%200%200%200%200%2011.023c0%20.4.324.713.725.721h3.548a4.19%204.19%200%200%201%203.823-2.406c.817%200%201.58.24%202.228.644a5.7%205.7%200%200%201%201.514-2.125A3.627%203.627%200%200%200%208.213%204.27m7.367%203.136a4.95%204.95%200%200%200-4.902%204.254a3.384%203.384%200%200%200-5.732%203.541C3.77%2015.44%202.9%2016.351%202.9%2017.435c0%201.269%201.189%202.295%202.659%202.295c.648%200%201.242-.202%201.703-.537l5.437-5.345a3.36%203.36%200%200%201%202.28-.887a3.387%203.387%200%200%201%203.382%203.293q.001-.002-.004-.004a1.51%201.51%200%200%201-.77%201.383c-.724.418-1.632.196-2.029-.492c-.4-.692-.136-1.59.588-2.008a1.6%201.6%200%200%201%20.526-.19a2.417%202.417%200%201%200-.305%204.78l-.004-.006l.069-.008h4.744v.018c1.452-.065%202.824-1.401%202.824-3.03c0-1.668-1.426-3.029-3.094-3.029h-.008c-.27.483-.597.764-.968%201.066c.389-.71.611-1.518.611-2.382a4.97%204.97%200%200%200-1.459-3.495a4.93%204.93%200%200%200-3.502-1.45Z%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.213%204.27A3.62%203.62%200%200%200%204.59%207.893q.001.097.008.2a2.4%202.4%200%200%200-.973-.204a2.416%202.416%200%200%200-2.418%202.418q.001.095.008.191A.722.722%200%200%200%200%2011.023c0%20.4.324.713.725.721h3.548a4.19%204.19%200%200%201%203.823-2.406c.817%200%201.58.24%202.228.644a5.7%205.7%200%200%201%201.514-2.125A3.627%203.627%200%200%200%208.213%204.27m7.367%203.136a4.95%204.95%200%200%200-4.902%204.254a3.384%203.384%200%200%200-5.732%203.541C3.77%2015.44%202.9%2016.351%202.9%2017.435c0%201.269%201.189%202.295%202.659%202.295c.648%200%201.242-.202%201.703-.537l5.437-5.345a3.36%203.36%200%200%201%202.28-.887a3.387%203.387%200%200%201%203.382%203.293q.001-.002-.004-.004a1.51%201.51%200%200%201-.77%201.383c-.724.418-1.632.196-2.029-.492c-.4-.692-.136-1.59.588-2.008a1.6%201.6%200%200%201%20.526-.19a2.417%202.417%200%201%200-.305%204.78l-.004-.006l.069-.008h4.744v.018c1.452-.065%202.824-1.401%202.824-3.03c0-1.668-1.426-3.029-3.094-3.029h-.008c-.27.483-.597.764-.968%201.066c.389-.71.611-1.518.611-2.382a4.97%204.97%200%200%200-1.459-3.495a4.93%204.93%200%200%200-3.502-1.45Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/seafile.svg?color=%231a73e8&size=48
