Concepts96px 160px 240px +
Concepts
Scale measure
Balanced scales.
- File
scale-measure.svg- Original name
- Scale Measure
- viewBox
0 0 982.1 541.9- Weight
- 3 KB
Use it
React
import { Illustration } from '@ba-icons/react';
import scaleMeasure from '@ba-icons/illustrations/concepts/scale-measure';
<Illustration asset={scaleMeasure} size={160} />Vue
<script setup>
import { Illustration } from '@ba-icons/vue';
import scaleMeasure from '@ba-icons/illustrations/concepts/scale-measure';
</script>
<template>
<Illustration :asset="scaleMeasure" :size="160" />
</template>Astro
---
import { Illustration } from '@ba-icons/astro';
import scaleMeasure from '@ba-icons/illustrations/concepts/scale-measure';
---
<Illustration asset={scaleMeasure} size={160} />HTML
<script src="https://icons.atmosphere.africa/cdn/ba-icons-0.4.0.js" defer></script>
<ba-illustration name="concepts/scale-measure" size="160"></ba-illustration>SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 982.1 541.9" fill="currentColor"><path d="M339.2 180Q340.2 181 341.2 182.5Q342.2 184 343.2 185.5Q344.2 187 344.2 188Q343.2 187 341.2 185Q339.2 184 338.2 183Q338.2 183 338.7 181.5Q339.2 180 339.2 180ZM224.2 522Q214.2 519 211.2 510Q206.2 493 223.2 486Q227.2 485 329.2 484.5Q431.2 484 431.2 483.5Q431.2 483 430.2 480Q427.2 472 434.2 465Q440.2 459 461.2 459H477.2V446V433L472.2 428Q454.2 407 454.2 363Q454.2 321 473.2 300Q477.2 295 477.2 293Q477.2 291 472.2 287Q462.2 278 461.7 264Q461.2 250 469.2 240L474.2 234L471.2 231Q461.2 219 456.2 195Q454.2 186 454.2 170Q454.2 154 455.2 145Q460.2 118 472.2 104L476.2 100L470.2 97Q460.2 91 455.7 81Q451.2 71 455.2 61Q456.2 55 458.2 53Q460.2 51 459.2 50Q457.2 48 413.2 54Q293.2 69 198.2 123Q186.2 129 185.7 129.5Q185.2 130 189.2 134Q196.2 140 197.2 150Q197.2 161 188.2 168Q185.2 171 185.2 172Q185.2 173 242.2 266L299.2 360H308.2H318.2V363Q318.2 372 313.2 384Q300.2 411 259.2 430Q241.2 438 222.2 442Q144.2 459 80.2 430Q58.2 421 42.2 407Q24.2 391 20.2 370Q18.2 362 19.2 361Q20.2 360 29.2 360H40.2L97.2 266L153.2 172L148.2 167Q134.2 154 144.2 138Q147.2 134 151.7 131Q156.2 128 156.2 127.5Q156.2 127 149.7 121.5Q143.2 116 144.2 115.5Q145.2 115 156.2 108Q255.2 46 387.2 27Q448.2 18 502.2 19Q691.2 23 826.2 108Q837.2 115 838.2 116Q839.2 116 832.2 122L825.2 127L829.2 129Q840.2 137 840.2 150Q840.2 162 832.2 168Q829.2 171 829.2 172Q829.2 173 885.2 266L942.2 360H953.2H963.2V365Q957.2 407 899.2 431Q836.2 458 762.2 442Q725.2 435 694.2 413Q667.2 394 663.2 365L662.2 360H673.2H684.2L741.2 266L798.2 172L794.2 168Q785.2 161 785.2 150Q785.2 139 793.2 133L797.2 130L782.2 122Q690.2 69 573.2 54Q525.2 48 523.2 50Q522.2 51 525.2 56Q528.2 61 528.2 69Q528.2 77 526.2 82Q520.2 92 512.2 97L506.2 100L510.2 104Q522.2 118 527.2 145Q528.2 154 528.2 170.5Q528.2 187 526.2 195Q521.2 219 510.2 231L508.2 234L512.2 239Q521.2 250 520.2 265Q519.2 280 508.2 288Q504.2 291 504.2 293Q504.2 295 509.2 299Q521.2 313 526.2 338Q528.2 346 528.2 362.5Q528.2 379 527.2 387Q521.2 416 509.2 428L504.2 433V446V459H520.2Q540.2 459 547.2 464Q550.2 466 551.2 471Q553.2 477 551.2 483L609.2 484Q624.2 484 652.2 485Q754.2 485 759.2 487Q772.2 492 772.2 504Q772.2 518 757.2 522Q753.2 523 490.7 523Q228.2 523 224.2 522ZM162.2 273Q162.2 250 162.2 230Q162.2 210 161.7 198.5Q161.2 187 161.2 188Q160.2 189 108.7 274Q57.2 359 57.2 359.5Q57.2 360 110.2 360H162.2ZM278.2 354Q274.2 349 228.7 273Q183.2 197 180.2 192L177.2 188V274V360H229.2H281.2ZM805.2 274V188L802.2 192Q798.2 198 749.7 278.5Q701.2 359 701.2 359.5Q701.2 360 753.2 360H805.2ZM923.2 355Q919.2 351 870.7 270Q822.2 189 821.2 188Q820.2 187 820.2 198.5Q820.2 210 820.2 230Q820.2 250 820.2 273V360H873.2H926.2Z"></path></svg>From the CDN
Link to the file instead of installing it: for <img>, CSS, emails and docs, with nothing added to your bundle. Served with CORS and cached for an hour.
https://icons.atmosphere.africa/svg/concepts/scale-measure.svg<img src="https://icons.atmosphere.africa/svg/concepts/scale-measure.svg" alt="Scale measure" width="160">import { illustrationUrl } from '@ba-icons/illustrations';
illustrationUrl('concepts/scale-measure');
// → https://icons.atmosphere.africa/svg/concepts/scale-measure.svgAs an <img> it draws in black. To give it the text colour, use it as a mask:
.mark {
background-color: currentColor;
mask: url('https://icons.atmosphere.africa/svg/concepts/scale-measure.svg') center / contain no-repeat;
}New to the packages? Point your project at the registry first.