open source initiative icon
open-source-initiative from Material Design Icons by Pictogrammers · Filled · Brand / Logo · Apache-2.0 Free for personal and commercial use.
- Name
- open-source-initiative
- Set
- Material Design Icons
- Style
- Filled
- Category
- Brand / Logo
- Viewbox
- 24×24
- License
- Apache 2.0
The same icon in other sets
More brand / logo icons from Material Design Icons
Use the open source initiative icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M15.41 22h-.19a.46.46 0 0 1-.26-.27l-2.22-5.8c-.09-.24.03-.51.26-.61c.71-.26 1.28-.82 1.58-1.49c.64-1.43 0-3.1-1.43-3.74s-3.1 0-3.74 1.41c-.3.71-.32 1.5-.05 2.19c.3.74.89 1.31 1.64 1.59c.24.09.37.36.28.61L9 21.69c-.04.12-.13.22-.25.27c-.12.04-.25.04-.36 0C3.24 19.97.67 14.18 2.66 9.03s7.78-7.72 12.93-5.73c2.47.96 4.46 2.85 5.54 5.27a9.9 9.9 0 0 1 .2 7.65c-1.01 2.66-3.1 4.78-5.75 5.78zM12 3.59c-4.97-.13-9.1 3.8-9.23 8.77a9.01 9.01 0 0 0 5.55 8.54l1.89-4.9c-1.83-1-2.52-3.28-1.53-5.11a3.784 3.784 0 0 1 5.11-1.53a3.775 3.775 0 0 1 0 6.64l1.89 4.93a9.1 9.1 0 0 0 4.76-5c1.84-4.62-.4-9.85-5.02-11.7A9.1 9.1 0 0 0 12 3.59"/></svg>
React
import type { SVGProps } from "react";
export function MdiOpenSourceInitiative(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="M15.41 22h-.19a.46.46 0 0 1-.26-.27l-2.22-5.8c-.09-.24.03-.51.26-.61c.71-.26 1.28-.82 1.58-1.49c.64-1.43 0-3.1-1.43-3.74s-3.1 0-3.74 1.41c-.3.71-.32 1.5-.05 2.19c.3.74.89 1.31 1.64 1.59c.24.09.37.36.28.61L9 21.69c-.04.12-.13.22-.25.27c-.12.04-.25.04-.36 0C3.24 19.97.67 14.18 2.66 9.03s7.78-7.72 12.93-5.73c2.47.96 4.46 2.85 5.54 5.27a9.9 9.9 0 0 1 .2 7.65c-1.01 2.66-3.1 4.78-5.75 5.78zM12 3.59c-4.97-.13-9.1 3.8-9.23 8.77a9.01 9.01 0 0 0 5.55 8.54l1.89-4.9c-1.83-1-2.52-3.28-1.53-5.11a3.784 3.784 0 0 1 5.11-1.53a3.775 3.775 0 0 1 0 6.64l1.89 4.93a9.1 9.1 0 0 0 4.76-5c1.84-4.62-.4-9.85-5.02-11.7A9.1 9.1 0 0 0 12 3.59"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M15.41 22h-.19a.46.46 0 0 1-.26-.27l-2.22-5.8c-.09-.24.03-.51.26-.61c.71-.26 1.28-.82 1.58-1.49c.64-1.43 0-3.1-1.43-3.74s-3.1 0-3.74 1.41c-.3.71-.32 1.5-.05 2.19c.3.74.89 1.31 1.64 1.59c.24.09.37.36.28.61L9 21.69c-.04.12-.13.22-.25.27c-.12.04-.25.04-.36 0C3.24 19.97.67 14.18 2.66 9.03s7.78-7.72 12.93-5.73c2.47.96 4.46 2.85 5.54 5.27a9.9 9.9 0 0 1 .2 7.65c-1.01 2.66-3.1 4.78-5.75 5.78zM12 3.59c-4.97-.13-9.1 3.8-9.23 8.77a9.01 9.01 0 0 0 5.55 8.54l1.89-4.9c-1.83-1-2.52-3.28-1.53-5.11a3.784 3.784 0 0 1 5.11-1.53a3.775 3.775 0 0 1 0 6.64l1.89 4.93a9.1 9.1 0 0 0 4.76-5c1.84-4.62-.4-9.85-5.02-11.7A9.1 9.1 0 0 0 12 3.59"/></svg> </template>
CSS
.icon-open-source-initiative {
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%22M15.41%2022h-.19a.46.46%200%200%201-.26-.27l-2.22-5.8c-.09-.24.03-.51.26-.61c.71-.26%201.28-.82%201.58-1.49c.64-1.43%200-3.1-1.43-3.74s-3.1%200-3.74%201.41c-.3.71-.32%201.5-.05%202.19c.3.74.89%201.31%201.64%201.59c.24.09.37.36.28.61L9%2021.69c-.04.12-.13.22-.25.27c-.12.04-.25.04-.36%200C3.24%2019.97.67%2014.18%202.66%209.03s7.78-7.72%2012.93-5.73c2.47.96%204.46%202.85%205.54%205.27a9.9%209.9%200%200%201%20.2%207.65c-1.01%202.66-3.1%204.78-5.75%205.78zM12%203.59c-4.97-.13-9.1%203.8-9.23%208.77a9.01%209.01%200%200%200%205.55%208.54l1.89-4.9c-1.83-1-2.52-3.28-1.53-5.11a3.784%203.784%200%200%201%205.11-1.53a3.775%203.775%200%200%201%200%206.64l1.89%204.93a9.1%209.1%200%200%200%204.76-5c1.84-4.62-.4-9.85-5.02-11.7A9.1%209.1%200%200%200%2012%203.59%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%22M15.41%2022h-.19a.46.46%200%200%201-.26-.27l-2.22-5.8c-.09-.24.03-.51.26-.61c.71-.26%201.28-.82%201.58-1.49c.64-1.43%200-3.1-1.43-3.74s-3.1%200-3.74%201.41c-.3.71-.32%201.5-.05%202.19c.3.74.89%201.31%201.64%201.59c.24.09.37.36.28.61L9%2021.69c-.04.12-.13.22-.25.27c-.12.04-.25.04-.36%200C3.24%2019.97.67%2014.18%202.66%209.03s7.78-7.72%2012.93-5.73c2.47.96%204.46%202.85%205.54%205.27a9.9%209.9%200%200%201%20.2%207.65c-1.01%202.66-3.1%204.78-5.75%205.78zM12%203.59c-4.97-.13-9.1%203.8-9.23%208.77a9.01%209.01%200%200%200%205.55%208.54l1.89-4.9c-1.83-1-2.52-3.28-1.53-5.11a3.784%203.784%200%200%201%205.11-1.53a3.775%203.775%200%200%201%200%206.64l1.89%204.93a9.1%209.1%200%200%200%204.76-5c1.84-4.62-.4-9.85-5.02-11.7A9.1%209.1%200%200%200%2012%203.59%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mdi/open-source-initiative.svg?color=%231a73e8&size=48
