osf logo
osf from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- osf
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
Use the osf logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12.088 0a2.984 2.984 0 0 0-2.986 2.984a3 3 0 0 0 .525 1.68a2.65 2.65 0 0 1 2.482-1.734c1.121 0 2.083.706 2.467 1.695a3 3 0 0 0 .496-1.64A2.984 2.984 0 0 0 12.088 0M5.65 2.666A2.984 2.984 0 0 0 2.666 5.65A2.984 2.984 0 0 0 5.65 8.635A2.984 2.984 0 0 0 8.635 5.65A2.984 2.984 0 0 0 5.65 2.666m12.7 0a2.984 2.984 0 0 0-2.985 2.984a2.984 2.984 0 0 0 2.985 2.985a2.984 2.984 0 0 0 2.986-2.985a2.984 2.984 0 0 0-2.986-2.984m-6.24.764a2.147 2.147 0 0 0-2.147 2.146a2.147 2.147 0 0 0 2.146 2.147a2.147 2.147 0 0 0 2.147-2.147a2.147 2.147 0 0 0-2.147-2.146zM9.112 6.04A3.5 3.5 0 0 1 6.128 9.1a2.15 2.15 0 0 0 1.363.493A2.147 2.147 0 0 0 9.64 7.447a2.15 2.15 0 0 0-.526-1.406zm5.782.047a2.15 2.15 0 0 0-.489 1.36a2.147 2.147 0 0 0 2.147 2.146a2.15 2.15 0 0 0 1.355-.489a3.494 3.494 0 0 1-3.013-3.017M2.985 9.016A2.984 2.984 0 0 0 0 12a2.984 2.984 0 0 0 2.984 2.984a3 3 0 0 0 1.659-.505A2.655 2.655 0 0 1 2.922 12c0-1.131.719-2.102 1.723-2.479a3 3 0 0 0-1.66-.505m18.03 0a3 3 0 0 0-1.673.52a2.655 2.655 0 0 1 1.71 2.474c0 1.12-.705 2.082-1.695 2.467a3 3 0 0 0 1.659.507A2.984 2.984 0 0 0 24 12a2.984 2.984 0 0 0-2.984-2.984zm-15.447.838A2.147 2.147 0 0 0 3.422 12a2.147 2.147 0 0 0 2.146 2.146A2.147 2.147 0 0 0 7.715 12a2.147 2.147 0 0 0-2.147-2.146m12.838.01a2.147 2.147 0 0 0-2.146 2.146a2.147 2.147 0 0 0 2.146 2.146a2.147 2.147 0 0 0 2.147-2.146a2.147 2.147 0 0 0-2.147-2.147zM7.492 14.376a2.15 2.15 0 0 0-1.398.518a3.496 3.496 0 0 1 3.015 3.037a2.15 2.15 0 0 0 .53-1.409a2.147 2.147 0 0 0-2.147-2.146m9.06 0a2.147 2.147 0 0 0-2.146 2.146a2.15 2.15 0 0 0 .492 1.362a3.495 3.495 0 0 1 3.047-2.996a2.15 2.15 0 0 0-1.392-.512zm-10.902.988a2.984 2.984 0 0 0-2.984 2.985a2.984 2.984 0 0 0 2.984 2.986a2.984 2.984 0 0 0 2.985-2.986a2.984 2.984 0 0 0-2.985-2.985m12.7 0a2.984 2.984 0 0 0-2.985 2.985a2.984 2.984 0 0 0 2.985 2.986a2.984 2.984 0 0 0 2.986-2.986a2.984 2.984 0 0 0-2.986-2.985m-6.35.908a2.147 2.147 0 0 0-2.146 2.147A2.147 2.147 0 0 0 12 20.566a2.147 2.147 0 0 0 2.146-2.146A2.147 2.147 0 0 0 12 16.273zm2.268 3.504A2.65 2.65 0 0 1 12 21.067a2.65 2.65 0 0 1-2.188-1.16a2.734 2.635 0 0 0-.46 1.458A2.734 2.635 0 0 0 12.086 24a2.734 2.635 0 0 0 2.734-2.635a2.734 2.635 0 0 0-.552-1.588z"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsOsf(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="M12.088 0a2.984 2.984 0 0 0-2.986 2.984a3 3 0 0 0 .525 1.68a2.65 2.65 0 0 1 2.482-1.734c1.121 0 2.083.706 2.467 1.695a3 3 0 0 0 .496-1.64A2.984 2.984 0 0 0 12.088 0M5.65 2.666A2.984 2.984 0 0 0 2.666 5.65A2.984 2.984 0 0 0 5.65 8.635A2.984 2.984 0 0 0 8.635 5.65A2.984 2.984 0 0 0 5.65 2.666m12.7 0a2.984 2.984 0 0 0-2.985 2.984a2.984 2.984 0 0 0 2.985 2.985a2.984 2.984 0 0 0 2.986-2.985a2.984 2.984 0 0 0-2.986-2.984m-6.24.764a2.147 2.147 0 0 0-2.147 2.146a2.147 2.147 0 0 0 2.146 2.147a2.147 2.147 0 0 0 2.147-2.147a2.147 2.147 0 0 0-2.147-2.146zM9.112 6.04A3.5 3.5 0 0 1 6.128 9.1a2.15 2.15 0 0 0 1.363.493A2.147 2.147 0 0 0 9.64 7.447a2.15 2.15 0 0 0-.526-1.406zm5.782.047a2.15 2.15 0 0 0-.489 1.36a2.147 2.147 0 0 0 2.147 2.146a2.15 2.15 0 0 0 1.355-.489a3.494 3.494 0 0 1-3.013-3.017M2.985 9.016A2.984 2.984 0 0 0 0 12a2.984 2.984 0 0 0 2.984 2.984a3 3 0 0 0 1.659-.505A2.655 2.655 0 0 1 2.922 12c0-1.131.719-2.102 1.723-2.479a3 3 0 0 0-1.66-.505m18.03 0a3 3 0 0 0-1.673.52a2.655 2.655 0 0 1 1.71 2.474c0 1.12-.705 2.082-1.695 2.467a3 3 0 0 0 1.659.507A2.984 2.984 0 0 0 24 12a2.984 2.984 0 0 0-2.984-2.984zm-15.447.838A2.147 2.147 0 0 0 3.422 12a2.147 2.147 0 0 0 2.146 2.146A2.147 2.147 0 0 0 7.715 12a2.147 2.147 0 0 0-2.147-2.146m12.838.01a2.147 2.147 0 0 0-2.146 2.146a2.147 2.147 0 0 0 2.146 2.146a2.147 2.147 0 0 0 2.147-2.146a2.147 2.147 0 0 0-2.147-2.147zM7.492 14.376a2.15 2.15 0 0 0-1.398.518a3.496 3.496 0 0 1 3.015 3.037a2.15 2.15 0 0 0 .53-1.409a2.147 2.147 0 0 0-2.147-2.146m9.06 0a2.147 2.147 0 0 0-2.146 2.146a2.15 2.15 0 0 0 .492 1.362a3.495 3.495 0 0 1 3.047-2.996a2.15 2.15 0 0 0-1.392-.512zm-10.902.988a2.984 2.984 0 0 0-2.984 2.985a2.984 2.984 0 0 0 2.984 2.986a2.984 2.984 0 0 0 2.985-2.986a2.984 2.984 0 0 0-2.985-2.985m12.7 0a2.984 2.984 0 0 0-2.985 2.985a2.984 2.984 0 0 0 2.985 2.986a2.984 2.984 0 0 0 2.986-2.986a2.984 2.984 0 0 0-2.986-2.985m-6.35.908a2.147 2.147 0 0 0-2.146 2.147A2.147 2.147 0 0 0 12 20.566a2.147 2.147 0 0 0 2.146-2.146A2.147 2.147 0 0 0 12 16.273zm2.268 3.504A2.65 2.65 0 0 1 12 21.067a2.65 2.65 0 0 1-2.188-1.16a2.734 2.635 0 0 0-.46 1.458A2.734 2.635 0 0 0 12.086 24a2.734 2.635 0 0 0 2.734-2.635a2.734 2.635 0 0 0-.552-1.588z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12.088 0a2.984 2.984 0 0 0-2.986 2.984a3 3 0 0 0 .525 1.68a2.65 2.65 0 0 1 2.482-1.734c1.121 0 2.083.706 2.467 1.695a3 3 0 0 0 .496-1.64A2.984 2.984 0 0 0 12.088 0M5.65 2.666A2.984 2.984 0 0 0 2.666 5.65A2.984 2.984 0 0 0 5.65 8.635A2.984 2.984 0 0 0 8.635 5.65A2.984 2.984 0 0 0 5.65 2.666m12.7 0a2.984 2.984 0 0 0-2.985 2.984a2.984 2.984 0 0 0 2.985 2.985a2.984 2.984 0 0 0 2.986-2.985a2.984 2.984 0 0 0-2.986-2.984m-6.24.764a2.147 2.147 0 0 0-2.147 2.146a2.147 2.147 0 0 0 2.146 2.147a2.147 2.147 0 0 0 2.147-2.147a2.147 2.147 0 0 0-2.147-2.146zM9.112 6.04A3.5 3.5 0 0 1 6.128 9.1a2.15 2.15 0 0 0 1.363.493A2.147 2.147 0 0 0 9.64 7.447a2.15 2.15 0 0 0-.526-1.406zm5.782.047a2.15 2.15 0 0 0-.489 1.36a2.147 2.147 0 0 0 2.147 2.146a2.15 2.15 0 0 0 1.355-.489a3.494 3.494 0 0 1-3.013-3.017M2.985 9.016A2.984 2.984 0 0 0 0 12a2.984 2.984 0 0 0 2.984 2.984a3 3 0 0 0 1.659-.505A2.655 2.655 0 0 1 2.922 12c0-1.131.719-2.102 1.723-2.479a3 3 0 0 0-1.66-.505m18.03 0a3 3 0 0 0-1.673.52a2.655 2.655 0 0 1 1.71 2.474c0 1.12-.705 2.082-1.695 2.467a3 3 0 0 0 1.659.507A2.984 2.984 0 0 0 24 12a2.984 2.984 0 0 0-2.984-2.984zm-15.447.838A2.147 2.147 0 0 0 3.422 12a2.147 2.147 0 0 0 2.146 2.146A2.147 2.147 0 0 0 7.715 12a2.147 2.147 0 0 0-2.147-2.146m12.838.01a2.147 2.147 0 0 0-2.146 2.146a2.147 2.147 0 0 0 2.146 2.146a2.147 2.147 0 0 0 2.147-2.146a2.147 2.147 0 0 0-2.147-2.147zM7.492 14.376a2.15 2.15 0 0 0-1.398.518a3.496 3.496 0 0 1 3.015 3.037a2.15 2.15 0 0 0 .53-1.409a2.147 2.147 0 0 0-2.147-2.146m9.06 0a2.147 2.147 0 0 0-2.146 2.146a2.15 2.15 0 0 0 .492 1.362a3.495 3.495 0 0 1 3.047-2.996a2.15 2.15 0 0 0-1.392-.512zm-10.902.988a2.984 2.984 0 0 0-2.984 2.985a2.984 2.984 0 0 0 2.984 2.986a2.984 2.984 0 0 0 2.985-2.986a2.984 2.984 0 0 0-2.985-2.985m12.7 0a2.984 2.984 0 0 0-2.985 2.985a2.984 2.984 0 0 0 2.985 2.986a2.984 2.984 0 0 0 2.986-2.986a2.984 2.984 0 0 0-2.986-2.985m-6.35.908a2.147 2.147 0 0 0-2.146 2.147A2.147 2.147 0 0 0 12 20.566a2.147 2.147 0 0 0 2.146-2.146A2.147 2.147 0 0 0 12 16.273zm2.268 3.504A2.65 2.65 0 0 1 12 21.067a2.65 2.65 0 0 1-2.188-1.16a2.734 2.635 0 0 0-.46 1.458A2.734 2.635 0 0 0 12.086 24a2.734 2.635 0 0 0 2.734-2.635a2.734 2.635 0 0 0-.552-1.588z"/></svg> </template>
CSS
.icon-osf {
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%22M12.088%200a2.984%202.984%200%200%200-2.986%202.984a3%203%200%200%200%20.525%201.68a2.65%202.65%200%200%201%202.482-1.734c1.121%200%202.083.706%202.467%201.695a3%203%200%200%200%20.496-1.64A2.984%202.984%200%200%200%2012.088%200M5.65%202.666A2.984%202.984%200%200%200%202.666%205.65A2.984%202.984%200%200%200%205.65%208.635A2.984%202.984%200%200%200%208.635%205.65A2.984%202.984%200%200%200%205.65%202.666m12.7%200a2.984%202.984%200%200%200-2.985%202.984a2.984%202.984%200%200%200%202.985%202.985a2.984%202.984%200%200%200%202.986-2.985a2.984%202.984%200%200%200-2.986-2.984m-6.24.764a2.147%202.147%200%200%200-2.147%202.146a2.147%202.147%200%200%200%202.146%202.147a2.147%202.147%200%200%200%202.147-2.147a2.147%202.147%200%200%200-2.147-2.146zM9.112%206.04A3.5%203.5%200%200%201%206.128%209.1a2.15%202.15%200%200%200%201.363.493A2.147%202.147%200%200%200%209.64%207.447a2.15%202.15%200%200%200-.526-1.406zm5.782.047a2.15%202.15%200%200%200-.489%201.36a2.147%202.147%200%200%200%202.147%202.146a2.15%202.15%200%200%200%201.355-.489a3.494%203.494%200%200%201-3.013-3.017M2.985%209.016A2.984%202.984%200%200%200%200%2012a2.984%202.984%200%200%200%202.984%202.984a3%203%200%200%200%201.659-.505A2.655%202.655%200%200%201%202.922%2012c0-1.131.719-2.102%201.723-2.479a3%203%200%200%200-1.66-.505m18.03%200a3%203%200%200%200-1.673.52a2.655%202.655%200%200%201%201.71%202.474c0%201.12-.705%202.082-1.695%202.467a3%203%200%200%200%201.659.507A2.984%202.984%200%200%200%2024%2012a2.984%202.984%200%200%200-2.984-2.984zm-15.447.838A2.147%202.147%200%200%200%203.422%2012a2.147%202.147%200%200%200%202.146%202.146A2.147%202.147%200%200%200%207.715%2012a2.147%202.147%200%200%200-2.147-2.146m12.838.01a2.147%202.147%200%200%200-2.146%202.146a2.147%202.147%200%200%200%202.146%202.146a2.147%202.147%200%200%200%202.147-2.146a2.147%202.147%200%200%200-2.147-2.147zM7.492%2014.376a2.15%202.15%200%200%200-1.398.518a3.496%203.496%200%200%201%203.015%203.037a2.15%202.15%200%200%200%20.53-1.409a2.147%202.147%200%200%200-2.147-2.146m9.06%200a2.147%202.147%200%200%200-2.146%202.146a2.15%202.15%200%200%200%20.492%201.362a3.495%203.495%200%200%201%203.047-2.996a2.15%202.15%200%200%200-1.392-.512zm-10.902.988a2.984%202.984%200%200%200-2.984%202.985a2.984%202.984%200%200%200%202.984%202.986a2.984%202.984%200%200%200%202.985-2.986a2.984%202.984%200%200%200-2.985-2.985m12.7%200a2.984%202.984%200%200%200-2.985%202.985a2.984%202.984%200%200%200%202.985%202.986a2.984%202.984%200%200%200%202.986-2.986a2.984%202.984%200%200%200-2.986-2.985m-6.35.908a2.147%202.147%200%200%200-2.146%202.147A2.147%202.147%200%200%200%2012%2020.566a2.147%202.147%200%200%200%202.146-2.146A2.147%202.147%200%200%200%2012%2016.273zm2.268%203.504A2.65%202.65%200%200%201%2012%2021.067a2.65%202.65%200%200%201-2.188-1.16a2.734%202.635%200%200%200-.46%201.458A2.734%202.635%200%200%200%2012.086%2024a2.734%202.635%200%200%200%202.734-2.635a2.734%202.635%200%200%200-.552-1.588z%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%22M12.088%200a2.984%202.984%200%200%200-2.986%202.984a3%203%200%200%200%20.525%201.68a2.65%202.65%200%200%201%202.482-1.734c1.121%200%202.083.706%202.467%201.695a3%203%200%200%200%20.496-1.64A2.984%202.984%200%200%200%2012.088%200M5.65%202.666A2.984%202.984%200%200%200%202.666%205.65A2.984%202.984%200%200%200%205.65%208.635A2.984%202.984%200%200%200%208.635%205.65A2.984%202.984%200%200%200%205.65%202.666m12.7%200a2.984%202.984%200%200%200-2.985%202.984a2.984%202.984%200%200%200%202.985%202.985a2.984%202.984%200%200%200%202.986-2.985a2.984%202.984%200%200%200-2.986-2.984m-6.24.764a2.147%202.147%200%200%200-2.147%202.146a2.147%202.147%200%200%200%202.146%202.147a2.147%202.147%200%200%200%202.147-2.147a2.147%202.147%200%200%200-2.147-2.146zM9.112%206.04A3.5%203.5%200%200%201%206.128%209.1a2.15%202.15%200%200%200%201.363.493A2.147%202.147%200%200%200%209.64%207.447a2.15%202.15%200%200%200-.526-1.406zm5.782.047a2.15%202.15%200%200%200-.489%201.36a2.147%202.147%200%200%200%202.147%202.146a2.15%202.15%200%200%200%201.355-.489a3.494%203.494%200%200%201-3.013-3.017M2.985%209.016A2.984%202.984%200%200%200%200%2012a2.984%202.984%200%200%200%202.984%202.984a3%203%200%200%200%201.659-.505A2.655%202.655%200%200%201%202.922%2012c0-1.131.719-2.102%201.723-2.479a3%203%200%200%200-1.66-.505m18.03%200a3%203%200%200%200-1.673.52a2.655%202.655%200%200%201%201.71%202.474c0%201.12-.705%202.082-1.695%202.467a3%203%200%200%200%201.659.507A2.984%202.984%200%200%200%2024%2012a2.984%202.984%200%200%200-2.984-2.984zm-15.447.838A2.147%202.147%200%200%200%203.422%2012a2.147%202.147%200%200%200%202.146%202.146A2.147%202.147%200%200%200%207.715%2012a2.147%202.147%200%200%200-2.147-2.146m12.838.01a2.147%202.147%200%200%200-2.146%202.146a2.147%202.147%200%200%200%202.146%202.146a2.147%202.147%200%200%200%202.147-2.146a2.147%202.147%200%200%200-2.147-2.147zM7.492%2014.376a2.15%202.15%200%200%200-1.398.518a3.496%203.496%200%200%201%203.015%203.037a2.15%202.15%200%200%200%20.53-1.409a2.147%202.147%200%200%200-2.147-2.146m9.06%200a2.147%202.147%200%200%200-2.146%202.146a2.15%202.15%200%200%200%20.492%201.362a3.495%203.495%200%200%201%203.047-2.996a2.15%202.15%200%200%200-1.392-.512zm-10.902.988a2.984%202.984%200%200%200-2.984%202.985a2.984%202.984%200%200%200%202.984%202.986a2.984%202.984%200%200%200%202.985-2.986a2.984%202.984%200%200%200-2.985-2.985m12.7%200a2.984%202.984%200%200%200-2.985%202.985a2.984%202.984%200%200%200%202.985%202.986a2.984%202.984%200%200%200%202.986-2.986a2.984%202.984%200%200%200-2.986-2.985m-6.35.908a2.147%202.147%200%200%200-2.146%202.147A2.147%202.147%200%200%200%2012%2020.566a2.147%202.147%200%200%200%202.146-2.146A2.147%202.147%200%200%200%2012%2016.273zm2.268%203.504A2.65%202.65%200%200%201%2012%2021.067a2.65%202.65%200%200%201-2.188-1.16a2.734%202.635%200%200%200-.46%201.458A2.734%202.635%200%200%200%2012.086%2024a2.734%202.635%200%200%200%202.734-2.635a2.734%202.635%200%200%200-.552-1.588z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/osf.svg?color=%231a73e8&size=48
