AISI Weight Calculator
Steel Section Weight Calculator
Calculate the weight of common steel structural sections based on their dimensions and material density. This calculator uses the American Institute of Steel Construction (AISC) standard shapes and common steel density.
W-Shape (Wide Flange)
S-Shape (American Standard Beam)
HP-Shape (Bearing Pile)
M-Shape (Miscellaneous)
C-Shape (Channel)
MC-Shape (Miscellaneous Channel)
L-Shape (Angle, Equal Leg)
L-Shape (Angle, Unequal Leg)
WT-Shape (W Tee)
ST-Shape (S Tee)
Pipe (Round)
HSS (Square)
HSS (Rectangular)
Tube (Round)
Select the type of steel section.
Enter the length of the steel section.
Density of steel in lb/ft³ (e.g., 490 lb/ft³ for standard carbon steel).
Calculation Results
—
—
—
—
Weight = Area × Length × Density
Weight vs. Length for Selected Section
| Property | Value | Unit |
|---|---|---|
| Section Type | W12x26 | N/A |
| Area | 7.66 | in² |
| Depth (d) | 12.1 | in |
| Flange Width (bf) | 6.50 | in |
| Web Thickness (tw) | 0.245 | in |
| Flange Thickness (tf) | 0.370 | in |
| Weight per Foot | 26.0 | lb/ft |
AISI Weight Calculator: Understanding Steel Beam Weights
{primary_keyword} is a crucial tool for engineers, architects, contractors, and fabricators working with structural steel. Understanding the weight of steel beams and sections is fundamental for accurate structural design, material estimation, transportation logistics, and cost analysis. This calculator simplifies the process of determining the weight of various steel profiles commonly used in construction, adhering to standards set by the American Institute of Steel Construction (AISC).
What is AISI Weight Calculation?
The calculation of steel section weight, often referred to in the context of AISI standards, involves determining the mass of a specific steel profile based on its geometric dimensions and the density of the steel material. Structural steel comes in various standard shapes like I-beams (W-shapes), channels (C-shapes), angles (L-shapes), and hollow structural sections (HSS). Each shape has a defined cross-sectional area and is manufactured to specific tolerances. The weight is primarily derived from the volume of the steel multiplied by its density.
Who Should Use It?
- Structural Engineers: For load calculations, member sizing, and connection design.
- Architects: For preliminary structural planning and space allocation.
- Contractors & Estimators: For material take-offs, bidding, and project budgeting.
- Fabricators: For planning shop fabrication, material handling, and shipping.
- Students & Educators: For learning about structural steel properties and engineering principles.
Common Misconceptions
- Weight is uniform across all steel: While standard steel density is a good average, slight variations can occur. More importantly, different steel grades might have marginally different densities, though this is usually negligible for standard calculations.
- All beams of the same depth weigh the same: This is incorrect. For example, a W12x26 beam and a W12x33 beam both have a nominal depth of 12 inches, but their weights per foot differ significantly due to variations in flange and web thickness.
- Calculations are overly complex for simple projects: While complex structural analysis requires specialized software, basic weight calculations are straightforward and essential for even small projects.
AISI Weight Formula and Mathematical Explanation
The fundamental principle behind calculating the weight of any object is its volume and density. For a uniform steel section, the formula is straightforward:
Total Weight = Cross-Sectional Area × Length × Steel Density
Let's break down the variables:
| Variable | Meaning | Unit | Typical Range / Notes |
|---|---|---|---|
| A (Cross-Sectional Area) | The area of the steel section's profile (e.g., the area of a W-beam's cross-section). | in² (square inches) | Varies greatly by section type and size. Found in AISC tables. |
| L (Length) | The total length of the steel section. | ft (feet) | Typically positive values, e.g., 10 ft, 20 ft. |
| ρ (Steel Density) | The mass per unit volume of the steel. | lb/ft³ (pounds per cubic foot) | Standard value is approximately 490 lb/ft³. Can be adjusted for specific alloys or units. |
| W (Total Weight) | The final calculated weight of the steel section. | lb (pounds) | Result of the calculation. |
Step-by-Step Derivation:
- Determine Cross-Sectional Area (A): This is usually obtained from standard AISC shape tables or calculated based on the section's geometry (depth, flange width, thickness). The calculator uses pre-defined areas for standard shapes.
- Convert Units for Consistency: Since area is typically in square inches (in²) and length in feet (ft), we need to ensure density units align. Standard density is often given in lb/ft³. To use in² and ft together, we convert the area to square feet (ft²):
Area in ft² = Area in in² / 144 (since 1 ft² = 12 in × 12 in = 144 in²) - Calculate Volume:
Volume = Area in ft² × Length in ft - Calculate Weight:
Total Weight (lb) = Volume (ft³) × Steel Density (lb/ft³)
Alternatively, a common shortcut uses weight per linear foot:
Total Weight = Weight per Foot × Length
Where Weight per Foot is derived from the section's area and density: Weight per Foot = (Area in in² / 144 in²/ft²) × Density (lb/ft³).
Practical Examples (Real-World Use Cases)
Example 1: Calculating the weight of a W-Shape Beam
A structural engineer needs to determine the weight of a W14x30 wide-flange beam that will be used as a main support. The beam is specified to be 25 feet long.
- Inputs:
- Section Type: W-Shape
- W-Shape Designation: W14x30
- Length: 25 ft
- Steel Density: 490 lb/ft³
- Calculation Steps (using the calculator's logic):
- The calculator identifies W14x30 properties, including its area (A = 8.82 in²) and weight per foot (29.9 lb/ft).
- Weight per Foot: 29.9 lb/ft (from AISC data)
- Total Weight: Weight per Foot × Length = 29.9 lb/ft × 25 ft = 747.5 lb
- Outputs:
- Total Weight: 747.5 lb
- Weight per Foot: 29.9 lb/ft
- Volume: (8.82 in² / 144 in²/ft²) × 25 ft ≈ 1.53 ft³
- Section Area: 8.82 in²
- Interpretation: The 25-foot W14x30 beam weighs approximately 747.5 pounds. This information is crucial for the crane capacity needed for lifting, the foundation design, and the overall structural load calculations.
Example 2: Estimating the weight of a steel angle for bracing
A contractor is estimating materials for a steel bracing system and needs the weight of several L5x5x1/2 equal-leg angles, each 12 feet long.
- Inputs:
- Section Type: L-Shape (Angle, Equal Leg)
- Angle Designation: L5x5x1/2
- Length: 12 ft
- Steel Density: 490 lb/ft³
- Calculation Steps:
- The calculator retrieves the properties for L5x5x1/2, finding its area (A = 4.75 in²) and weight per foot (16.2 lb/ft).
- Weight per Foot: 16.2 lb/ft
- Total Weight: 16.2 lb/ft × 12 ft = 194.4 lb
- Outputs:
- Total Weight: 194.4 lb
- Weight per Foot: 16.2 lb/ft
- Volume: (4.75 in² / 144 in²/ft²) × 12 ft ≈ 0.396 ft³
- Section Area: 4.75 in²
- Interpretation: Each 12-foot angle weighs about 194.4 pounds. If 10 such angles are needed, the total weight for this component would be 1944 pounds, impacting transportation and handling plans. This calculation helps in accurate material estimation.
How to Use This AISI Weight Calculator
Using the {primary_keyword} is designed to be intuitive. Follow these steps:
- Select Section Type: Choose the category of steel section you are working with from the dropdown menu (e.g., W-Shape, C-Shape, L-Shape).
- Input Specific Dimensions/Designation: Based on your selection, the calculator will dynamically update to show relevant input fields. For standard shapes like W-shapes, you'll typically enter the designation (e.g., "W12x26"). For others, you might input dimensions like height, width, and thickness. Refer to AISC manuals or project drawings for exact designations and dimensions.
- Enter Length: Input the total length of the steel section in feet.
- Set Steel Density: The default density is 490 lb/ft³, which is standard for carbon steel. Adjust this value if you are working with a different steel alloy or need to use a different unit system (though the calculator defaults to imperial units).
- Calculate: Click the "Calculate Weight" button.
How to Read Results:
- Total Weight: This is the primary result, showing the estimated weight of the entire steel section in pounds.
- Weight per Foot: This intermediate value indicates the weight of the section for every foot of its length. It's useful for quick estimations and comparisons.
- Volume: Shows the total volume occupied by the steel section in cubic feet.
- Section Area: Displays the cross-sectional area of the steel profile in square inches.
- Properties Table: Provides key geometric properties of the selected standard shape, useful for verification and further engineering calculations.
Decision-Making Guidance:
The results from this calculator inform several critical decisions:
- Material Procurement: Ensure you order the correct quantity and type of steel.
- Transportation: Plan for the weight capacity of trucks, trailers, and lifting equipment.
- Structural Integrity: Verify that members are adequately sized for the calculated loads.
- Budgeting: Estimate costs associated with steel purchase and transportation.
Key Factors That Affect {primary_keyword} Results
While the core formula is simple, several factors influence the accuracy and application of the calculated weight:
- Section Dimensions & Tolerances: AISC standards define nominal dimensions. Actual manufactured sections have slight tolerances. For most applications, nominal values are sufficient, but high-precision projects might require accounting for these variations. The calculator uses standard nominal properties.
- Steel Density Variations: While 490 lb/ft³ is standard, different steel alloys (e.g., stainless steel, high-strength alloys) can have slightly different densities. Always confirm the specific material if precision is critical.
- Unit System: Ensure consistency. This calculator primarily uses imperial units (feet, inches, pounds). If working in metric, ensure conversions are handled correctly (e.g., density in kg/m³, length in meters).
- Shape Complexity: Complex or custom-rolled sections might not be available in standard databases and require specific geometric calculations for their area. This calculator covers common AISC shapes.
- Additions (Welds, Connections): The calculated weight is for the raw steel section. Additional weight from welds, bolted connections, or attached components is not included and must be calculated separately.
- Coating/Paint: Protective coatings or paint add a small amount of weight, typically negligible for structural calculations but relevant for precise inventory or shipping weight.
- Structural Steel Grade: While density is similar, different grades (e.g., ASTM A36, A572, A992) have different strength properties, which are critical for engineering design but have minimal impact on weight.
Frequently Asked Questions (FAQ)
Q1: What is the standard density of steel used in this calculator?
A: This calculator uses a default steel density of 490 lb/ft³, which is the widely accepted value for standard carbon and alloy structural steels.
Q2: How accurate are the results from this AISI weight calculator?
A: The results are highly accurate for standard AISC shapes based on nominal dimensions and standard steel density. Minor variations due to manufacturing tolerances or specific alloy densities are usually negligible for most structural engineering and estimation purposes.
Q3: Can this calculator handle custom steel shapes?
A: No, this calculator is designed for standard AISC shapes listed in the dropdown. For custom shapes, you would need to manually calculate the cross-sectional area based on its geometry and then use the weight formula.
Q4: What units does the calculator use?
A: The calculator primarily uses imperial units: length in feet (ft), dimensions in inches (in), area in square inches (in²), and weight in pounds (lb). Density is in pounds per cubic foot (lb/ft³).
Q5: Does the weight include paint or galvanization?
A: No, the calculated weight is for the bare steel section only. The weight added by coatings like paint or galvanization is typically very small and not included in this calculation.
Q6: How do I find the correct section designation (e.g., W12x26)?
A: Section designations are standard identifiers found in AISC Steel Construction Manuals, engineering drawings, or supplier catalogs. The first number usually indicates the nominal depth (in inches), and the second number indicates the weight per foot (in lb/ft) for W-shapes.
Q7: What is the difference between W-Shape and S-Shape?
A: Both are types of I-beams. W-Shapes (Wide Flange) generally have wider flanges relative to their depth compared to S-Shapes (American Standard Beams), which have narrower flanges and are often used for simpler applications like runway beams.
Q8: Can I use this calculator for metric units?
A: This calculator is primarily set up for imperial units. For metric calculations, you would need to convert the inputs (e.g., length to meters, density to kg/m³) and potentially adjust the internal constants or use a metric-specific calculator.
Related Tools and Internal Resources
';
for (var designation in shapeInfo.properties) {
selectHtml += " + designation + ";
}
selectHtml += 'Select the specific steel section designation.
';
shapeSpecificInputsDiv.innerHTML = selectHtml;
} else if (sectionType === "Pipe") {
var pipeHtml = '';
shapeInfo.diameter_options.forEach(function(diam) {
pipeHtml += " + diam + ' in';
});
pipeHtml += 'Select the outer diameter of the pipe.
';
pipeHtml += '';
shapeInfo.thickness_options.forEach(function(thick) {
pipeHtml += " + thick + ' in';
});
pipeHtml += 'Select the wall thickness of the pipe.
';
shapeSpecificInputsDiv.innerHTML = pipeHtml;
currentShapeData.selectedDiameter = shapeInfo.diameter_options[0];
currentShapeData.selectedThickness = shapeInfo.thickness_options[0];
}
// Add more conditions for other types if needed (e.g., HSS, Tube)
updatePropertiesTable(); // Update table with default selection
}
function updatePipeProperties() {
var diameter = parseFloat(document.getElementById("pipeDiameter").value);
var thickness = parseFloat(document.getElementById("pipeThickness").value);
if (isNaN(diameter) || isNaN(thickness)) return;
currentShapeData.selectedDiameter = diameter;
currentShapeData.selectedThickness = thickness;
var radius = diameter / 2;
var outerArea = Math.PI * Math.pow(radius, 2);
var innerRadius = radius – thickness;
var innerArea = Math.PI * Math.pow(innerRadius, 2);
var area = outerArea – innerArea;
var weight_per_foot = (area / 144) * document.getElementById("steelDensity").value; // Area in sq ft * density
currentShapeData.properties = {
area: area,
weight_per_foot: weight_per_foot,
diameter: diameter,
thickness: thickness
};
updatePropertiesTable();
}
function updatePropertiesTable() {
var sectionType = document.getElementById("sectionType").value;
var shapeSpecificInput = document.getElementById("shapeSpecificInputs").querySelector('select, input');
var designation = shapeSpecificInput ? shapeSpecificInput.value : null;
var properties = {};
var sectionName = "N/A";
if (sectionType === "Pipe") {
if (currentShapeData && currentShapeData.properties) {
properties = currentShapeData.properties;
sectionName = "Pipe OD " + currentShapeData.selectedDiameter + " x " + currentShapeData.selectedThickness;
}
} else if (currentShapeData && currentShapeData.properties && designation) {
properties = currentShapeData.properties[designation];
sectionName = designation;
}
if (!properties) {
// Fallback for unknown or uninitialized states
properties = { area: '–', weight_per_foot: '–', depth: '–', flange_width: '–', web_thickness: '–', flange_thickness: '–', diameter: '–', thickness: '–' };
sectionName = "N/A";
}
document.getElementById("propSectionType").textContent = sectionName;
document.getElementById("propArea").textContent = typeof properties.area === 'number' ? properties.area.toFixed(2) : properties.area;
document.getElementById("propDepth").textContent = typeof properties.depth === 'number' ? properties.depth.toFixed(2) : properties.depth;
document.getElementById("propFlangeWidth").textContent = typeof properties.flange_width === 'number' ? properties.flange_width.toFixed(3) : properties.flange_width;
document.getElementById("propWebThickness").textContent = typeof properties.web_thickness === 'number' ? properties.web_thickness.toFixed(3) : properties.web_thickness;
document.getElementById("propFlangeThickness").textContent = typeof properties.flange_thickness === 'number' ? properties.flange_thickness.toFixed(3) : properties.flange_thickness;
document.getElementById("propWeightPerFoot").textContent = typeof properties.weight_per_foot === 'number' ? properties.weight_per_foot.toFixed(1) : properties.weight_per_foot;
// Update chart data based on the selected section properties
updateChart();
}
function calculateWeight() {
var sectionType = document.getElementById("sectionType").value;
var length = parseFloat(document.getElementById("length").value);
var steelDensity = parseFloat(document.getElementById("steelDensity").value);
// Input validation
var isValid = true;
if (isNaN(length) || length < 0) {
document.getElementById("lengthError").textContent = "Please enter a valid non-negative length.";
document.getElementById("lengthError").style.display = "block";
isValid = false;
} else {
document.getElementById("lengthError").style.display = "none";
}
if (isNaN(steelDensity) || steelDensity <= 0) {
document.getElementById("steelDensityError").textContent = "Please enter a valid positive density.";
document.getElementById("steelDensityError").style.display = "block";
isValid = false;
} else {
document.getElementById("steelDensityError").style.display = "none";
}
if (!isValid) {
return;
}
var shapeInfo = steelShapes[sectionType];
var sectionProperties = null;
var designation = "";
if (sectionType === "Pipe") {
if (currentShapeData && currentShapeData.properties) {
sectionProperties = currentShapeData.properties;
designation = "Pipe OD " + currentShapeData.selectedDiameter + " x " + currentShapeData.selectedThickness;
}
} else if (shapeInfo && shapeInfo.properties) {
var shapeInput = document.getElementById(shapeInfo.inputName);
if (shapeInput) {
designation = shapeInput.value;
sectionProperties = shapeInfo.properties[designation];
}
}
if (!sectionProperties) {
document.getElementById("totalWeight").textContent = "Error";
document.getElementById("weightPerFoot").textContent = "Error";
document.getElementById("volume").textContent = "Error";
document.getElementById("sectionArea").textContent = "Error";
return;
}
var areaInSqIn = sectionProperties.area;
var weightPerFoot = sectionProperties.weight_per_foot;
// Recalculate weight per foot if it's a pipe and density changed
if (sectionType === "Pipe" && typeof areaInSqIn === 'number') {
weightPerFoot = (areaInSqIn / 144) * steelDensity;
sectionProperties.weight_per_foot = weightPerFoot; // Update for display
document.getElementById("propWeightPerFoot").textContent = weightPerFoot.toFixed(1);
} else if (typeof weightPerFoot !== 'number' && typeof areaInSqIn === 'number') {
// Fallback for shapes without pre-defined weight_per_foot but with area
weightPerFoot = (areaInSqIn / 144) * steelDensity;
sectionProperties.weight_per_foot = weightPerFoot;
document.getElementById("propWeightPerFoot").textContent = weightPerFoot.toFixed(1);
}
var totalWeight = 0;
var volume = 0;
if (typeof weightPerFoot === 'number' && typeof length === 'number') {
totalWeight = weightPerFoot * length;
}
if (typeof areaInSqIn === 'number' && typeof length === 'number') {
volume = (areaInSqIn / 144) * length; // Convert area to sq ft
}
document.getElementById("totalWeight").textContent = totalWeight.toFixed(1) + " lb";
document.getElementById("weightPerFoot").textContent = "Weight per Foot: " + (typeof weightPerFoot === 'number' ? weightPerFoot.toFixed(1) : '–') + " lb/ft";
document.getElementById("volume").textContent = "Volume: " + (typeof volume === 'number' ? volume.toFixed(3) : '–') + " ft³";
document.getElementById("sectionArea").textContent = "Section Area: " + (typeof areaInSqIn === 'number' ? areaInSqIn.toFixed(2) : '–') + " in²";
updateChart(); // Update chart after calculation
}
function copyResults() {
var mainResult = document.getElementById("totalWeight").textContent;
var weightPerFoot = document.getElementById("weightPerFoot").textContent;
var volume = document.getElementById("volume").textContent;
var sectionArea = document.getElementById("sectionArea").textContent;
var sectionType = document.getElementById("sectionType").value;
var shapeSpecificInput = document.getElementById("shapeSpecificInputs").querySelector('select, input');
var designation = shapeSpecificInput ? shapeSpecificInput.value : "N/A";
if (sectionType === "Pipe") designation = "Pipe OD " + currentShapeData.selectedDiameter + " x " + currentShapeData.selectedThickness;
var length = document.getElementById("length").value;
var steelDensity = document.getElementById("steelDensity").value;
var copyText = "AISI Weight Calculator Results:\n\n";
copyText += "Section Type: " + sectionType + "\n";
copyText += "Designation: " + designation + "\n";
copyText += "Length: " + length + " ft\n";
copyText += "Steel Density: " + steelDensity + " lb/ft³\n\n";
copyText += "— Results —\n";
copyText += "Total Weight: " + mainResult + "\n";
copyText += weightPerFoot + "\n";
copyText += volume + "\n";
copyText += sectionArea + "\n";
navigator.clipboard.writeText(copyText).then(function() {
// Success feedback (optional)
var btn = event.target;
btn.textContent = "Copied!";
setTimeout(function() { btn.textContent = "Copy Results"; }, 2000);
}).catch(function(err) {
console.error('Failed to copy text: ', err);
// Error feedback (optional)
});
}
function resetCalculator() {
document.getElementById("sectionType").value = "W-Shape";
document.getElementById("length").value = "10";
document.getElementById("steelDensity").value = "490";
updateInputFields(); // Re-initialize inputs based on default section type
calculateWeight(); // Recalculate with default values
}
function toggleFaq(element) {
var content = element.nextElementSibling;
var faqItem = element.closest('.faq-item');
if (content.style.display === "block") {
content.style.display = "none";
faqItem.classList.remove('open');
} else {
content.style.display = "block";
faqItem.classList.add('open');
}
}
function updateChart() {
var ctx = document.getElementById('weightChart').getContext('2d');
if (chartInstance) {
chartInstance.destroy(); // Destroy previous chart instance
}
var sectionType = document.getElementById("sectionType").value;
var shapeInfo = steelShapes[sectionType];
var designationInput = document.getElementById(shapeInfo ? shapeInfo.inputName : null);
var designation = designationInput ? designationInput.value : null;
var properties = null;
var sectionName = "Selected Section";
if (sectionType === "Pipe") {
if (currentShapeData && currentShapeData.properties) {
properties = currentShapeData.properties;
sectionName = "Pipe OD " + currentShapeData.selectedDiameter + " x " + currentShapeData.selectedThickness;
}
} else if (shapeInfo && shapeInfo.properties && designation) {
properties = shapeInfo.properties[designation];
sectionName = designation;
}
var dataSeries1 = []; // Weight vs Length
var dataSeries2 = []; // Area vs Length (constant)
var labels = [];
var maxLen = 50; // Max length for chart display
var step = maxLen / 20; // Number of points
var weightPerFoot = 0;
var areaSqIn = 0;
if (properties && typeof properties.weight_per_foot === 'number') {
weightPerFoot = properties.weight_per_foot;
} else if (properties && typeof properties.area === 'number') {
// Fallback for pipe or if weight_per_foot is missing but area is present
var steelDensity = parseFloat(document.getElementById("steelDensity").value) || 490;
weightPerFoot = (properties.area / 144) * steelDensity;
}
if (properties && typeof properties.area === 'number') {
areaSqIn = properties.area;
}
for (var i = 0; i <= 20; i++) {
var len = i * step;
labels.push(len.toFixed(1));
dataSeries1.push(weightPerFoot * len);
dataSeries2.push(areaSqIn); // Area is constant for a given section
}
chartInstance = new Chart(ctx, {
type: 'line',
data: {
labels: labels,
datasets: [{
label: 'Total Weight (lb)',
data: dataSeries1,
borderColor: 'rgb(0, 74, 153)',
backgroundColor: 'rgba(0, 74, 153, 0.1)',
fill: true,
tension: 0.1
}, {
label: 'Cross-Sectional Area (in²)',
data: dataSeries2,
borderColor: 'rgb(40, 167, 69)',
backgroundColor: 'rgba(40, 167, 69, 0.1)',
fill: true,
tension: 0.1,
hidden: true // Hide area by default, can be toggled
}]
},
options: {
responsive: true,
maintainAspectRatio: false,
scales: {
x: {
title: {
display: true,
text: 'Length (ft)'
}
},
y: {
title: {
display: true,
text: 'Value'
},
beginAtZero: true
}
},
plugins: {
title: {
display: true,
text: 'Weight vs. Length for ' + sectionName
},
tooltip: {
callbacks: {
label: function(context) {
var label = context.dataset.label || '';
if (label) {
label += ': ';
}
if (context.parsed.y !== null) {
label += context.parsed.y.toFixed(context.dataset.label.includes('Area') ? 2 : 1);
}
return label;
}
}
}
}
}
});
}
// Initial setup
document.addEventListener('DOMContentLoaded', function() {
updateInputFields();
calculateWeight();
// Load initial chart data
var canvas = document.getElementById('weightChart');
if (canvas) {
var ctx = canvas.getContext('2d');
// Initialize chartInstance to null so it gets created on first updateChart call
chartInstance = null;
updateChart();
}
});
// Simple Chart.js integration (assuming Chart.js is available globally)
// If Chart.js is not available, this part will fail.
// For a pure HTML/JS solution without external libs, SVG or Canvas drawing would be needed.
// This example assumes Chart.js is included via CDN or locally.
// Add this line to your if using Chart.js CDN:
//
// Placeholder for Chart.js if not included externally
if (typeof Chart === 'undefined') {
console.warn("Chart.js not found. Chart will not be displayed. Include Chart.js library.");
// Optionally, you could draw a simple SVG or Canvas here manually
}