output icon
output from Codicons by Microsoft Corporation · Regular · CC-BY-4.0 Attribution required.
- Name
- output
- Set
- Codicons
- Style
- Regular
- Viewbox
- 24×25
- License
- CC BY 4.0
The same icon in other sets
Use the output icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 25"><path fill="currentColor" d="M8.25 8.068a.75.75 0 0 0 0 1.5h7.5a.75.75 0 0 0 0-1.5zm-.75 5.25a.75.75 0 0 1 .75-.75h7.5a.75.75 0 0 1 0 1.5h-7.5a.75.75 0 0 1-.75-.75m.75 3.75a.75.75 0 0 0 0 1.5h3a.75.75 0 0 0 0-1.5zM6.75.568a.75.75 0 0 0-.75.75v.75h-.75A2.25 2.25 0 0 0 3 4.318v18a2.25 2.25 0 0 0 2.25 2.25h9c.199 0 .39-.08.53-.22l6-6a.75.75 0 0 0 .22-.53v-13.5a2.25 2.25 0 0 0-2.25-2.25H18v-.75a.75.75 0 0 0-1.5 0v.75h-3.75v-.75a.75.75 0 0 0-1.5 0v.75H7.5v-.75a.75.75 0 0 0-.75-.75m12 3a.75.75 0 0 1 .75.75v12.75h-3.75a2.25 2.25 0 0 0-2.25 2.25v3.75H5.25a.75.75 0 0 1-.75-.75v-18a.75.75 0 0 1 .75-.75zm-.311 15L15 22.007v-2.69a.75.75 0 0 1 .75-.75z"/></svg>
React
import type { SVGProps } from "react";
export function CodiconOutput(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 25"><path fill="currentColor" d="M8.25 8.068a.75.75 0 0 0 0 1.5h7.5a.75.75 0 0 0 0-1.5zm-.75 5.25a.75.75 0 0 1 .75-.75h7.5a.75.75 0 0 1 0 1.5h-7.5a.75.75 0 0 1-.75-.75m.75 3.75a.75.75 0 0 0 0 1.5h3a.75.75 0 0 0 0-1.5zM6.75.568a.75.75 0 0 0-.75.75v.75h-.75A2.25 2.25 0 0 0 3 4.318v18a2.25 2.25 0 0 0 2.25 2.25h9c.199 0 .39-.08.53-.22l6-6a.75.75 0 0 0 .22-.53v-13.5a2.25 2.25 0 0 0-2.25-2.25H18v-.75a.75.75 0 0 0-1.5 0v.75h-3.75v-.75a.75.75 0 0 0-1.5 0v.75H7.5v-.75a.75.75 0 0 0-.75-.75m12 3a.75.75 0 0 1 .75.75v12.75h-3.75a2.25 2.25 0 0 0-2.25 2.25v3.75H5.25a.75.75 0 0 1-.75-.75v-18a.75.75 0 0 1 .75-.75zm-.311 15L15 22.007v-2.69a.75.75 0 0 1 .75-.75z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 25"><path fill="currentColor" d="M8.25 8.068a.75.75 0 0 0 0 1.5h7.5a.75.75 0 0 0 0-1.5zm-.75 5.25a.75.75 0 0 1 .75-.75h7.5a.75.75 0 0 1 0 1.5h-7.5a.75.75 0 0 1-.75-.75m.75 3.75a.75.75 0 0 0 0 1.5h3a.75.75 0 0 0 0-1.5zM6.75.568a.75.75 0 0 0-.75.75v.75h-.75A2.25 2.25 0 0 0 3 4.318v18a2.25 2.25 0 0 0 2.25 2.25h9c.199 0 .39-.08.53-.22l6-6a.75.75 0 0 0 .22-.53v-13.5a2.25 2.25 0 0 0-2.25-2.25H18v-.75a.75.75 0 0 0-1.5 0v.75h-3.75v-.75a.75.75 0 0 0-1.5 0v.75H7.5v-.75a.75.75 0 0 0-.75-.75m12 3a.75.75 0 0 1 .75.75v12.75h-3.75a2.25 2.25 0 0 0-2.25 2.25v3.75H5.25a.75.75 0 0 1-.75-.75v-18a.75.75 0 0 1 .75-.75zm-.311 15L15 22.007v-2.69a.75.75 0 0 1 .75-.75z"/></svg> </template>
CSS
.icon-output {
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%2025%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M8.25%208.068a.75.75%200%200%200%200%201.5h7.5a.75.75%200%200%200%200-1.5zm-.75%205.25a.75.75%200%200%201%20.75-.75h7.5a.75.75%200%200%201%200%201.5h-7.5a.75.75%200%200%201-.75-.75m.75%203.75a.75.75%200%200%200%200%201.5h3a.75.75%200%200%200%200-1.5zM6.75.568a.75.75%200%200%200-.75.75v.75h-.75A2.25%202.25%200%200%200%203%204.318v18a2.25%202.25%200%200%200%202.25%202.25h9c.199%200%20.39-.08.53-.22l6-6a.75.75%200%200%200%20.22-.53v-13.5a2.25%202.25%200%200%200-2.25-2.25H18v-.75a.75.75%200%200%200-1.5%200v.75h-3.75v-.75a.75.75%200%200%200-1.5%200v.75H7.5v-.75a.75.75%200%200%200-.75-.75m12%203a.75.75%200%200%201%20.75.75v12.75h-3.75a2.25%202.25%200%200%200-2.25%202.25v3.75H5.25a.75.75%200%200%201-.75-.75v-18a.75.75%200%200%201%20.75-.75zm-.311%2015L15%2022.007v-2.69a.75.75%200%200%201%20.75-.75z%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%2025%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M8.25%208.068a.75.75%200%200%200%200%201.5h7.5a.75.75%200%200%200%200-1.5zm-.75%205.25a.75.75%200%200%201%20.75-.75h7.5a.75.75%200%200%201%200%201.5h-7.5a.75.75%200%200%201-.75-.75m.75%203.75a.75.75%200%200%200%200%201.5h3a.75.75%200%200%200%200-1.5zM6.75.568a.75.75%200%200%200-.75.75v.75h-.75A2.25%202.25%200%200%200%203%204.318v18a2.25%202.25%200%200%200%202.25%202.25h9c.199%200%20.39-.08.53-.22l6-6a.75.75%200%200%200%20.22-.53v-13.5a2.25%202.25%200%200%200-2.25-2.25H18v-.75a.75.75%200%200%200-1.5%200v.75h-3.75v-.75a.75.75%200%200%200-1.5%200v.75H7.5v-.75a.75.75%200%200%200-.75-.75m12%203a.75.75%200%200%201%20.75.75v12.75h-3.75a2.25%202.25%200%200%200-2.25%202.25v3.75H5.25a.75.75%200%200%201-.75-.75v-18a.75.75%200%200%201%20.75-.75zm-.311%2015L15%2022.007v-2.69a.75.75%200%200%201%20.75-.75z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/codicon/output.svg?color=%231a73e8&size=48
