diff-added · Octicons
Free SVG diff-added icon from Octicons. Rendered at 24×24 in the filled style and licensed under MIT. Copy directly as SVG, React (JSX), or Vue. Download as SVG or PNG. No login, no attribution required for MIT licensed icons.
Tags
- diff
- added
Code
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><g transform="scale(1) translate(0 0)"><path fill-rule="evenodd" d="M13 1H1c-.55 0-1 .45-1 1v12c0 .55.45 1 1 1h12c.55 0 1-.45 1-1V2c0-.55-.45-1-1-1zm0 13H1V2h12v12zM6 9H3V7h3V4h2v3h3v2H8v3H6V9z" fill="currentColor"/></g></svg>
// Run: npx sant-icons get octicon-diff-added --format react
export function OcticonDiffAdded(props) {
return (
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" {...props}><g transform="scale(1) translate(0 0)"><path fill-rule="evenodd" d="M13 1H1c-.55 0-1 .45-1 1v12c0 .55.45 1 1 1h12c.55 0 1-.45 1-1V2c0-.55-.45-1-1-1zm0 13H1V2h12v12zM6 9H3V7h3V4h2v3h3v2H8v3H6V9z" fill="currentColor"/></g></svg>
);
}npx sant-icons get octicon-diff-added
Properties
Related from Octicons
The diff-added icon ships with Octicons, an open-source icon set licensed under MIT. Search for it as "octicons diff-added", "diff-added svg", or any of its tagged terms (diff, added). The SVG is normalised to a 24×24 viewBox so you can drop it into any UI framework alongside the other icons here without scaling concerns.
Need this icon in your codebase fast? Install the MCP server for Claude Code (or any MCP-aware AI tool) and ask the model to fetch octicon-diff-added directly into your project. No browser context-switch.