sage logo
sage from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- sage
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
Use the sage logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M2.702 5.316C1.167 5.316 0 6.48 0 7.972c0 1.635 1.167 2.267 2.46 2.655c1.224.387 1.804.818 1.804 1.666c0 .86-.64 1.465-1.477 1.465c-.84 0-1.566-.604-1.566-1.535c0-.516.242-.647.242-.934c0-.33-.227-.574-.599-.574c-.423 0-.864.647-.864 1.566c0 1.48 1.266 2.57 2.787 2.57c1.535 0 2.701-1.163 2.701-2.656c0-1.623-1.166-2.267-2.472-2.655c-1.209-.372-1.792-.818-1.792-1.666c0-.845.626-1.45 1.463-1.45c.867 0 1.565.617 1.577 1.465c.016.388.285.617.599.617a.592.592 0 0 0 .61-.647c-.027-1.48-1.263-2.543-2.771-2.543m6.171 9.52c.683 0 1.21-.23 1.21-.69a.57.57 0 0 0-.557-.574c-.2 0-.341.085-.668.085c-.882 0-1.577-.76-1.577-1.65c0-.962.71-1.725 1.608-1.725c1.009 0 1.65.775 1.65 1.895v2.054c0 .36.284.604.625.604c.327 0 .61-.244.61-.604v-2.097c0-1.72-1.178-2.984-2.858-2.984c-1.566 0-2.86 1.22-2.86 2.856c0 1.58 1.282 2.83 2.817 2.83m6.257 3.848c1.535 0 2.701-1.163 2.701-2.656c0-1.635-1.166-2.267-2.472-2.655c-1.209-.387-1.792-.818-1.792-1.666s.64-1.465 1.463-1.465c.84 0 1.577.604 1.577 1.535c0 .519-.241.647-.241.934c0 .33.226.574.583.574c.441 0 .882-.647.882-1.566c0-1.48-1.278-2.57-2.801-2.57c-1.535 0-2.687 1.163-2.687 2.656c0 1.623 1.152 2.267 2.46 2.655c1.224.372 1.804.818 1.804 1.666c0 .86-.64 1.45-1.462 1.45c-.883 0-1.566-.601-1.578-1.465c-.015-.388-.3-.604-.598-.604c-.327 0-.626.216-.61.631c.011 1.499 1.247 2.546 2.77 2.546zm6.171-3.849c.795 0 1.424-.229 1.862-.503c.426-.272.595-.504.595-.76c0-.272-.2-.516-.568-.516c-.441 0-.795.66-1.877.66c-.952 0-1.707-.76-1.707-1.722c0-.95.725-1.724 1.635-1.724c.982 0 1.508.647 1.508 1.062c0 .116-.085.174-.2.174h-1.194c-.326 0-.568.216-.568.503c0 .314.242.546.568.546h1.636c.625 0 1.009-.33 1.009-.89c0-1.408-1.194-2.512-2.774-2.512c-1.566 0-2.83 1.263-2.83 2.84s1.312 2.842 2.905 2.842"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsSage(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="M2.702 5.316C1.167 5.316 0 6.48 0 7.972c0 1.635 1.167 2.267 2.46 2.655c1.224.387 1.804.818 1.804 1.666c0 .86-.64 1.465-1.477 1.465c-.84 0-1.566-.604-1.566-1.535c0-.516.242-.647.242-.934c0-.33-.227-.574-.599-.574c-.423 0-.864.647-.864 1.566c0 1.48 1.266 2.57 2.787 2.57c1.535 0 2.701-1.163 2.701-2.656c0-1.623-1.166-2.267-2.472-2.655c-1.209-.372-1.792-.818-1.792-1.666c0-.845.626-1.45 1.463-1.45c.867 0 1.565.617 1.577 1.465c.016.388.285.617.599.617a.592.592 0 0 0 .61-.647c-.027-1.48-1.263-2.543-2.771-2.543m6.171 9.52c.683 0 1.21-.23 1.21-.69a.57.57 0 0 0-.557-.574c-.2 0-.341.085-.668.085c-.882 0-1.577-.76-1.577-1.65c0-.962.71-1.725 1.608-1.725c1.009 0 1.65.775 1.65 1.895v2.054c0 .36.284.604.625.604c.327 0 .61-.244.61-.604v-2.097c0-1.72-1.178-2.984-2.858-2.984c-1.566 0-2.86 1.22-2.86 2.856c0 1.58 1.282 2.83 2.817 2.83m6.257 3.848c1.535 0 2.701-1.163 2.701-2.656c0-1.635-1.166-2.267-2.472-2.655c-1.209-.387-1.792-.818-1.792-1.666s.64-1.465 1.463-1.465c.84 0 1.577.604 1.577 1.535c0 .519-.241.647-.241.934c0 .33.226.574.583.574c.441 0 .882-.647.882-1.566c0-1.48-1.278-2.57-2.801-2.57c-1.535 0-2.687 1.163-2.687 2.656c0 1.623 1.152 2.267 2.46 2.655c1.224.372 1.804.818 1.804 1.666c0 .86-.64 1.45-1.462 1.45c-.883 0-1.566-.601-1.578-1.465c-.015-.388-.3-.604-.598-.604c-.327 0-.626.216-.61.631c.011 1.499 1.247 2.546 2.77 2.546zm6.171-3.849c.795 0 1.424-.229 1.862-.503c.426-.272.595-.504.595-.76c0-.272-.2-.516-.568-.516c-.441 0-.795.66-1.877.66c-.952 0-1.707-.76-1.707-1.722c0-.95.725-1.724 1.635-1.724c.982 0 1.508.647 1.508 1.062c0 .116-.085.174-.2.174h-1.194c-.326 0-.568.216-.568.503c0 .314.242.546.568.546h1.636c.625 0 1.009-.33 1.009-.89c0-1.408-1.194-2.512-2.774-2.512c-1.566 0-2.83 1.263-2.83 2.84s1.312 2.842 2.905 2.842"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M2.702 5.316C1.167 5.316 0 6.48 0 7.972c0 1.635 1.167 2.267 2.46 2.655c1.224.387 1.804.818 1.804 1.666c0 .86-.64 1.465-1.477 1.465c-.84 0-1.566-.604-1.566-1.535c0-.516.242-.647.242-.934c0-.33-.227-.574-.599-.574c-.423 0-.864.647-.864 1.566c0 1.48 1.266 2.57 2.787 2.57c1.535 0 2.701-1.163 2.701-2.656c0-1.623-1.166-2.267-2.472-2.655c-1.209-.372-1.792-.818-1.792-1.666c0-.845.626-1.45 1.463-1.45c.867 0 1.565.617 1.577 1.465c.016.388.285.617.599.617a.592.592 0 0 0 .61-.647c-.027-1.48-1.263-2.543-2.771-2.543m6.171 9.52c.683 0 1.21-.23 1.21-.69a.57.57 0 0 0-.557-.574c-.2 0-.341.085-.668.085c-.882 0-1.577-.76-1.577-1.65c0-.962.71-1.725 1.608-1.725c1.009 0 1.65.775 1.65 1.895v2.054c0 .36.284.604.625.604c.327 0 .61-.244.61-.604v-2.097c0-1.72-1.178-2.984-2.858-2.984c-1.566 0-2.86 1.22-2.86 2.856c0 1.58 1.282 2.83 2.817 2.83m6.257 3.848c1.535 0 2.701-1.163 2.701-2.656c0-1.635-1.166-2.267-2.472-2.655c-1.209-.387-1.792-.818-1.792-1.666s.64-1.465 1.463-1.465c.84 0 1.577.604 1.577 1.535c0 .519-.241.647-.241.934c0 .33.226.574.583.574c.441 0 .882-.647.882-1.566c0-1.48-1.278-2.57-2.801-2.57c-1.535 0-2.687 1.163-2.687 2.656c0 1.623 1.152 2.267 2.46 2.655c1.224.372 1.804.818 1.804 1.666c0 .86-.64 1.45-1.462 1.45c-.883 0-1.566-.601-1.578-1.465c-.015-.388-.3-.604-.598-.604c-.327 0-.626.216-.61.631c.011 1.499 1.247 2.546 2.77 2.546zm6.171-3.849c.795 0 1.424-.229 1.862-.503c.426-.272.595-.504.595-.76c0-.272-.2-.516-.568-.516c-.441 0-.795.66-1.877.66c-.952 0-1.707-.76-1.707-1.722c0-.95.725-1.724 1.635-1.724c.982 0 1.508.647 1.508 1.062c0 .116-.085.174-.2.174h-1.194c-.326 0-.568.216-.568.503c0 .314.242.546.568.546h1.636c.625 0 1.009-.33 1.009-.89c0-1.408-1.194-2.512-2.774-2.512c-1.566 0-2.83 1.263-2.83 2.84s1.312 2.842 2.905 2.842"/></svg> </template>
CSS
.icon-sage {
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%22M2.702%205.316C1.167%205.316%200%206.48%200%207.972c0%201.635%201.167%202.267%202.46%202.655c1.224.387%201.804.818%201.804%201.666c0%20.86-.64%201.465-1.477%201.465c-.84%200-1.566-.604-1.566-1.535c0-.516.242-.647.242-.934c0-.33-.227-.574-.599-.574c-.423%200-.864.647-.864%201.566c0%201.48%201.266%202.57%202.787%202.57c1.535%200%202.701-1.163%202.701-2.656c0-1.623-1.166-2.267-2.472-2.655c-1.209-.372-1.792-.818-1.792-1.666c0-.845.626-1.45%201.463-1.45c.867%200%201.565.617%201.577%201.465c.016.388.285.617.599.617a.592.592%200%200%200%20.61-.647c-.027-1.48-1.263-2.543-2.771-2.543m6.171%209.52c.683%200%201.21-.23%201.21-.69a.57.57%200%200%200-.557-.574c-.2%200-.341.085-.668.085c-.882%200-1.577-.76-1.577-1.65c0-.962.71-1.725%201.608-1.725c1.009%200%201.65.775%201.65%201.895v2.054c0%20.36.284.604.625.604c.327%200%20.61-.244.61-.604v-2.097c0-1.72-1.178-2.984-2.858-2.984c-1.566%200-2.86%201.22-2.86%202.856c0%201.58%201.282%202.83%202.817%202.83m6.257%203.848c1.535%200%202.701-1.163%202.701-2.656c0-1.635-1.166-2.267-2.472-2.655c-1.209-.387-1.792-.818-1.792-1.666s.64-1.465%201.463-1.465c.84%200%201.577.604%201.577%201.535c0%20.519-.241.647-.241.934c0%20.33.226.574.583.574c.441%200%20.882-.647.882-1.566c0-1.48-1.278-2.57-2.801-2.57c-1.535%200-2.687%201.163-2.687%202.656c0%201.623%201.152%202.267%202.46%202.655c1.224.372%201.804.818%201.804%201.666c0%20.86-.64%201.45-1.462%201.45c-.883%200-1.566-.601-1.578-1.465c-.015-.388-.3-.604-.598-.604c-.327%200-.626.216-.61.631c.011%201.499%201.247%202.546%202.77%202.546zm6.171-3.849c.795%200%201.424-.229%201.862-.503c.426-.272.595-.504.595-.76c0-.272-.2-.516-.568-.516c-.441%200-.795.66-1.877.66c-.952%200-1.707-.76-1.707-1.722c0-.95.725-1.724%201.635-1.724c.982%200%201.508.647%201.508%201.062c0%20.116-.085.174-.2.174h-1.194c-.326%200-.568.216-.568.503c0%20.314.242.546.568.546h1.636c.625%200%201.009-.33%201.009-.89c0-1.408-1.194-2.512-2.774-2.512c-1.566%200-2.83%201.263-2.83%202.84s1.312%202.842%202.905%202.842%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%22M2.702%205.316C1.167%205.316%200%206.48%200%207.972c0%201.635%201.167%202.267%202.46%202.655c1.224.387%201.804.818%201.804%201.666c0%20.86-.64%201.465-1.477%201.465c-.84%200-1.566-.604-1.566-1.535c0-.516.242-.647.242-.934c0-.33-.227-.574-.599-.574c-.423%200-.864.647-.864%201.566c0%201.48%201.266%202.57%202.787%202.57c1.535%200%202.701-1.163%202.701-2.656c0-1.623-1.166-2.267-2.472-2.655c-1.209-.372-1.792-.818-1.792-1.666c0-.845.626-1.45%201.463-1.45c.867%200%201.565.617%201.577%201.465c.016.388.285.617.599.617a.592.592%200%200%200%20.61-.647c-.027-1.48-1.263-2.543-2.771-2.543m6.171%209.52c.683%200%201.21-.23%201.21-.69a.57.57%200%200%200-.557-.574c-.2%200-.341.085-.668.085c-.882%200-1.577-.76-1.577-1.65c0-.962.71-1.725%201.608-1.725c1.009%200%201.65.775%201.65%201.895v2.054c0%20.36.284.604.625.604c.327%200%20.61-.244.61-.604v-2.097c0-1.72-1.178-2.984-2.858-2.984c-1.566%200-2.86%201.22-2.86%202.856c0%201.58%201.282%202.83%202.817%202.83m6.257%203.848c1.535%200%202.701-1.163%202.701-2.656c0-1.635-1.166-2.267-2.472-2.655c-1.209-.387-1.792-.818-1.792-1.666s.64-1.465%201.463-1.465c.84%200%201.577.604%201.577%201.535c0%20.519-.241.647-.241.934c0%20.33.226.574.583.574c.441%200%20.882-.647.882-1.566c0-1.48-1.278-2.57-2.801-2.57c-1.535%200-2.687%201.163-2.687%202.656c0%201.623%201.152%202.267%202.46%202.655c1.224.372%201.804.818%201.804%201.666c0%20.86-.64%201.45-1.462%201.45c-.883%200-1.566-.601-1.578-1.465c-.015-.388-.3-.604-.598-.604c-.327%200-.626.216-.61.631c.011%201.499%201.247%202.546%202.77%202.546zm6.171-3.849c.795%200%201.424-.229%201.862-.503c.426-.272.595-.504.595-.76c0-.272-.2-.516-.568-.516c-.441%200-.795.66-1.877.66c-.952%200-1.707-.76-1.707-1.722c0-.95.725-1.724%201.635-1.724c.982%200%201.508.647%201.508%201.062c0%20.116-.085.174-.2.174h-1.194c-.326%200-.568.216-.568.503c0%20.314.242.546.568.546h1.636c.625%200%201.009-.33%201.009-.89c0-1.408-1.194-2.512-2.774-2.512c-1.566%200-2.83%201.263-2.83%202.84s1.312%202.842%202.905%202.842%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/sage.svg?color=%231a73e8&size=48
