streamlit logo
streamlit from Devicon by konpa · Original · MIT Free for personal and commercial use.
- Name
- streamlit
- Set
- Devicon
- Style
- Original
- Viewbox
- 128×128
- License
- MIT
1 other variant in Devicon
The same logo in other sets
Use the streamlit logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#ff4b4b" d="m63.993 72.521l-22.44-11.86l-38.95-20.587c-.035-.035-.106-.035-.142-.035c-1.422-.676-2.88.746-2.346 2.168l19.846 50.62l.004.01l.06.15c.814 1.888 2.592 3.054 4.526 3.513c.164.036.28.067.477.107c.196.043.47.103.704.12c.039.004.074.004.114.007h.028l.085.008H26c.024.003.053.003.078.003h.046l.085.004a349 349 0 0 0 75.629 0a9 9 0 0 0 1.152-.074c.01-.005.025-.005.035-.008l.182-.028a4 4 0 0 0 .266-.047c.178-.039.259-.067.5-.15a10 10 0 0 0 .893-.349c.25-.12.424-.237.634-.368c.26-.164.506-.331.757-.519c.108-.083.182-.135.26-.21l-.043-.025z"/><path fill="#7d353b" d="M125.446 40.075h-.035L86.446 60.66l21.66 32.259l19.797-50.712v-.071c.498-1.494-1.031-2.845-2.457-2.062"/><path fill="#bd4043" d="M66.07 30.286c-.997-1.454-3.165-1.454-4.125 0L41.554 60.661l22.439 11.86l42.523 22.474c.267-.261.481-.516.708-.785c.32-.395.618-.817.881-1.29l-21.66-32.26Z"/></svg>
React
import type { SVGProps } from "react";
export function DeviconStreamlit(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#ff4b4b" d="m63.993 72.521l-22.44-11.86l-38.95-20.587c-.035-.035-.106-.035-.142-.035c-1.422-.676-2.88.746-2.346 2.168l19.846 50.62l.004.01l.06.15c.814 1.888 2.592 3.054 4.526 3.513c.164.036.28.067.477.107c.196.043.47.103.704.12c.039.004.074.004.114.007h.028l.085.008H26c.024.003.053.003.078.003h.046l.085.004a349 349 0 0 0 75.629 0a9 9 0 0 0 1.152-.074c.01-.005.025-.005.035-.008l.182-.028a4 4 0 0 0 .266-.047c.178-.039.259-.067.5-.15a10 10 0 0 0 .893-.349c.25-.12.424-.237.634-.368c.26-.164.506-.331.757-.519c.108-.083.182-.135.26-.21l-.043-.025z"/><path fill="#7d353b" d="M125.446 40.075h-.035L86.446 60.66l21.66 32.259l19.797-50.712v-.071c.498-1.494-1.031-2.845-2.457-2.062"/><path fill="#bd4043" d="M66.07 30.286c-.997-1.454-3.165-1.454-4.125 0L41.554 60.661l22.439 11.86l42.523 22.474c.267-.261.481-.516.708-.785c.32-.395.618-.817.881-1.29l-21.66-32.26Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#ff4b4b" d="m63.993 72.521l-22.44-11.86l-38.95-20.587c-.035-.035-.106-.035-.142-.035c-1.422-.676-2.88.746-2.346 2.168l19.846 50.62l.004.01l.06.15c.814 1.888 2.592 3.054 4.526 3.513c.164.036.28.067.477.107c.196.043.47.103.704.12c.039.004.074.004.114.007h.028l.085.008H26c.024.003.053.003.078.003h.046l.085.004a349 349 0 0 0 75.629 0a9 9 0 0 0 1.152-.074c.01-.005.025-.005.035-.008l.182-.028a4 4 0 0 0 .266-.047c.178-.039.259-.067.5-.15a10 10 0 0 0 .893-.349c.25-.12.424-.237.634-.368c.26-.164.506-.331.757-.519c.108-.083.182-.135.26-.21l-.043-.025z"/><path fill="#7d353b" d="M125.446 40.075h-.035L86.446 60.66l21.66 32.259l19.797-50.712v-.071c.498-1.494-1.031-2.845-2.457-2.062"/><path fill="#bd4043" d="M66.07 30.286c-.997-1.454-3.165-1.454-4.125 0L41.554 60.661l22.439 11.86l42.523 22.474c.267-.261.481-.516.708-.785c.32-.395.618-.817.881-1.29l-21.66-32.26Z"/></svg> </template>
CSS
.icon-streamlit {
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%20128%20128%22%3E%3Cpath%20fill%3D%22%23ff4b4b%22%20d%3D%22m63.993%2072.521l-22.44-11.86l-38.95-20.587c-.035-.035-.106-.035-.142-.035c-1.422-.676-2.88.746-2.346%202.168l19.846%2050.62l.004.01l.06.15c.814%201.888%202.592%203.054%204.526%203.513c.164.036.28.067.477.107c.196.043.47.103.704.12c.039.004.074.004.114.007h.028l.085.008H26c.024.003.053.003.078.003h.046l.085.004a349%20349%200%200%200%2075.629%200a9%209%200%200%200%201.152-.074c.01-.005.025-.005.035-.008l.182-.028a4%204%200%200%200%20.266-.047c.178-.039.259-.067.5-.15a10%2010%200%200%200%20.893-.349c.25-.12.424-.237.634-.368c.26-.164.506-.331.757-.519c.108-.083.182-.135.26-.21l-.043-.025z%22%2F%3E%3Cpath%20fill%3D%22%237d353b%22%20d%3D%22M125.446%2040.075h-.035L86.446%2060.66l21.66%2032.259l19.797-50.712v-.071c.498-1.494-1.031-2.845-2.457-2.062%22%2F%3E%3Cpath%20fill%3D%22%23bd4043%22%20d%3D%22M66.07%2030.286c-.997-1.454-3.165-1.454-4.125%200L41.554%2060.661l22.439%2011.86l42.523%2022.474c.267-.261.481-.516.708-.785c.32-.395.618-.817.881-1.29l-21.66-32.26Z%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%20128%20128%22%3E%3Cpath%20fill%3D%22%23ff4b4b%22%20d%3D%22m63.993%2072.521l-22.44-11.86l-38.95-20.587c-.035-.035-.106-.035-.142-.035c-1.422-.676-2.88.746-2.346%202.168l19.846%2050.62l.004.01l.06.15c.814%201.888%202.592%203.054%204.526%203.513c.164.036.28.067.477.107c.196.043.47.103.704.12c.039.004.074.004.114.007h.028l.085.008H26c.024.003.053.003.078.003h.046l.085.004a349%20349%200%200%200%2075.629%200a9%209%200%200%200%201.152-.074c.01-.005.025-.005.035-.008l.182-.028a4%204%200%200%200%20.266-.047c.178-.039.259-.067.5-.15a10%2010%200%200%200%20.893-.349c.25-.12.424-.237.634-.368c.26-.164.506-.331.757-.519c.108-.083.182-.135.26-.21l-.043-.025z%22%2F%3E%3Cpath%20fill%3D%22%237d353b%22%20d%3D%22M125.446%2040.075h-.035L86.446%2060.66l21.66%2032.259l19.797-50.712v-.071c.498-1.494-1.031-2.845-2.457-2.062%22%2F%3E%3Cpath%20fill%3D%22%23bd4043%22%20d%3D%22M66.07%2030.286c-.997-1.454-3.165-1.454-4.125%200L41.554%2060.661l22.439%2011.86l42.523%2022.474c.267-.261.481-.516.708-.785c.32-.395.618-.817.881-1.29l-21.66-32.26Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/devicon/streamlit.svg?color=%231a73e8&size=48
