Skip to content
Ikions
Explore icons

Brightness icon

Adjust how light or dark an image or screen appears.

Brightness icon, outline24px × 4
16
20
24
32
48
Size
px
Colour
1.75

Use it in your project

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round">
  <circle cx="12" cy="12" r="4.5"/>
  <path fill="currentColor" d="M12 7.5a4.5 4.5 0 0 1 0 9Z"/>
  <circle cx="12" cy="3.75" r="1.25" fill="currentColor" stroke="none"/>
  <circle cx="17.83" cy="6.17" r="1.25" fill="currentColor" stroke="none"/>
  <circle cx="20.25" cy="12" r="1.25" fill="currentColor" stroke="none"/>
  <circle cx="17.83" cy="17.83" r="1.25" fill="currentColor" stroke="none"/>
  <circle cx="12" cy="20.25" r="1.25" fill="currentColor" stroke="none"/>
  <circle cx="6.17" cy="17.83" r="1.25" fill="currentColor" stroke="none"/>
  <circle cx="3.75" cy="12" r="1.25" fill="currentColor" stroke="none"/>
  <circle cx="6.17" cy="6.17" r="1.25" fill="currentColor" stroke="none"/>
</svg>

Icon details

Name
brightness
Component
BrightnessIcon
Category
Editing & Creativity
Variants
Outline, Filled
Added in
v0.2.0
Files
@ikions/icons/outline/brightness.svg
@ikions/icons/filled/brightness.svg

Also known as

  • adjust-brightness

Tags

Related icons