Gentleface › Photo & image › color-filter-off

color-filter-off icon

Color filter off: no filter, original photo. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.

Code line-round

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M15.003 14.5C15.003 14.636 14.953 14.754 14.854 14.854C14.754 14.953 14.636 15.003 14.5 15.003C14.364 15.003 14.246 14.953 14.146 14.854L12.577 13.285C12.223 13.498 11.846 13.666 11.447 13.786C10.975 13.929 10.493 14 10 14C9.364 14 8.751 13.883 8.16 13.649C8.107 13.628 8.054 13.606 8.002 13.584C7.841 13.654 7.676 13.716 7.506 13.769C7.016 13.924 6.514 14.002 6 14.002C5.364 14.002 4.75 13.884 4.159 13.65C3.517 13.396 2.952 13.025 2.464 12.536C1.976 12.048 1.605 11.483 1.351 10.841C1.117 10.249 1 9.636 1 9C1 8.486 1.077 7.984 1.232 7.494C1.395 6.978 1.635 6.501 1.952 6.063C2.27 5.625 2.649 5.248 3.089 4.933L3.118 4.912C3.181 4.632 3.268 4.357 3.38 4.087L1.146 1.854C1.047 1.754 0.997 1.636 0.997 1.5C0.997 1.364 1.047 1.246 1.146 1.146C1.246 1.047 1.364 0.997 1.5 0.997C1.636 0.997 1.754 1.047 1.854 1.146L14.854 14.146C14.953 14.246 15.003 14.364 15.003 14.5ZM11.844 12.551L10.492 11.199C10.371 11.446 10.229 11.684 10.067 11.91C9.798 12.286 9.484 12.617 9.126 12.904C9.411 12.968 9.703 13 10 13C10.66 13 11.275 12.85 11.844 12.551ZM9.131 9.838L6.449 7.156C6.15 7.725 6 8.34 6 9C6 9.162 6.01 9.323 6.029 9.481C6.188 9.571 6.354 9.651 6.528 9.719C7.001 9.906 7.491 10 8 10C8.389 10 8.766 9.946 9.131 9.838ZM5.715 6.423L4.56 5.267C4.376 5.337 4.199 5.421 4.028 5.518C4.009 5.676 4 5.837 4 6C4 6.509 4.094 6.999 4.281 7.472C4.455 7.913 4.699 8.309 5.011 8.659C5.037 8.284 5.104 7.916 5.214 7.553C5.334 7.154 5.502 6.777 5.715 6.423ZM6.522 4.522C6.524 4.515 6.525 4.509 6.527 4.502C6.559 4.364 6.632 4.26 6.748 4.187C6.863 4.115 6.989 4.095 7.127 4.127C7.428 4.197 7.72 4.293 8.001 4.416C8.631 4.139 9.298 4 10 4C10.551 4 11.086 4.088 11.604 4.264C11.409 3.858 11.151 3.494 10.828 3.172C10.438 2.781 9.986 2.484 9.472 2.281C8.999 2.094 8.509 2 8 2C7.552 2 7.117 2.073 6.694 2.219C6.271 2.365 5.883 2.577 5.531 2.853C5.422 2.938 5.299 2.973 5.162 2.956C5.025 2.939 4.914 2.877 4.829 2.768C4.744 2.66 4.709 2.537 4.726 2.4C4.742 2.263 4.805 2.151 4.914 2.066C5.354 1.721 5.838 1.457 6.367 1.274C6.896 1.091 7.44 1 8 1C8.636 1 9.249 1.117 9.84 1.351C10.482 1.605 11.047 1.976 11.536 2.464C12.024 2.953 12.395 3.518 12.649 4.16C12.747 4.407 12.824 4.657 12.881 4.912C13.113 5.076 13.331 5.26 13.536 5.464C14.024 5.953 14.395 6.518 14.649 7.16C14.883 7.751 15 8.364 15 9C15 9.867 14.789 10.679 14.367 11.436C14.299 11.556 14.199 11.635 14.067 11.673C13.934 11.711 13.807 11.696 13.686 11.629C13.566 11.561 13.487 11.461 13.449 11.329C13.411 11.196 13.426 11.069 13.493 10.948C13.831 10.343 14 9.693 14 9C14 8.491 13.906 8.001 13.719 7.528C13.545 7.087 13.301 6.691 12.989 6.341C12.959 6.781 12.871 7.212 12.726 7.633C12.543 8.162 12.279 8.646 11.934 9.086C11.847 9.197 11.736 9.261 11.601 9.277C11.466 9.293 11.343 9.258 11.232 9.171C11.121 9.084 11.057 8.973 11.041 8.838C11.025 8.703 11.06 8.58 11.147 8.469C11.423 8.117 11.635 7.729 11.781 7.306C11.927 6.883 12 6.448 12 6C12 5.838 11.99 5.677 11.971 5.519C11.812 5.429 11.646 5.349 11.472 5.281C10.999 5.094 10.509 5 10 5C9.7 5 9.408 5.032 9.125 5.095C9.268 5.209 9.405 5.332 9.536 5.463C9.873 5.801 10.157 6.179 10.386 6.598C10.606 7 10.768 7.425 10.871 7.872C10.903 8.009 10.883 8.135 10.811 8.251C10.739 8.366 10.634 8.44 10.497 8.472C10.49 8.473 10.483 8.475 10.476 8.476L9.824 7.824C9.634 7.195 9.302 6.643 8.828 6.17C8.575 5.917 8.299 5.704 8.001 5.531C7.893 5.576 7.784 5.583 7.671 5.551C7.539 5.513 7.439 5.434 7.371 5.314C7.356 5.286 7.343 5.256 7.333 5.226C7.28 5.207 7.227 5.19 7.174 5.174L6.522 4.522ZM6.876 12.905C6.733 12.79 6.596 12.667 6.464 12.536C5.976 12.047 5.605 11.482 5.351 10.84C5.253 10.593 5.176 10.343 5.119 10.088C4.887 9.924 4.669 9.74 4.464 9.536C3.976 9.047 3.605 8.482 3.351 7.84C3.159 7.355 3.046 6.855 3.011 6.34C2.924 6.438 2.84 6.542 2.762 6.65C2.508 7 2.316 7.382 2.185 7.795C2.062 8.187 2 8.589 2 9C2 9.509 2.093 10 2.28 10.473C2.484 10.987 2.781 11.439 3.171 11.829C3.562 12.22 4.014 12.517 4.527 12.721C5 12.908 5.491 13.002 6 13.002C6.297 13.002 6.589 12.969 6.876 12.905ZM9.253 11.329C9.388 11.14 9.505 10.943 9.605 10.736C9.089 10.912 8.554 11 8 11C7.449 11 6.914 10.912 6.396 10.736C6.591 11.142 6.849 11.506 7.172 11.828C7.423 12.079 7.699 12.292 8.001 12.465C8.12 12.396 8.237 12.321 8.35 12.238C8.7 11.984 9.001 11.681 9.253 11.329Z"/></svg>

React

// Gentleface "color-filter-off" (line-round), MIT. https://gentleface.com/icons/color-filter-off
import type { SVGProps } from 'react';

export function ColorFilterOffIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" {...props}>
      <path d="M15.003 14.5C15.003 14.636 14.953 14.754 14.854 14.854C14.754 14.953 14.636 15.003 14.5 15.003C14.364 15.003 14.246 14.953 14.146 14.854L12.577 13.285C12.223 13.498 11.846 13.666 11.447 13.786C10.975 13.929 10.493 14 10 14C9.364 14 8.751 13.883 8.16 13.649C8.107 13.628 8.054 13.606 8.002 13.584C7.841 13.654 7.676 13.716 7.506 13.769C7.016 13.924 6.514 14.002 6 14.002C5.364 14.002 4.75 13.884 4.159 13.65C3.517 13.396 2.952 13.025 2.464 12.536C1.976 12.048 1.605 11.483 1.351 10.841C1.117 10.249 1 9.636 1 9C1 8.486 1.077 7.984 1.232 7.494C1.395 6.978 1.635 6.501 1.952 6.063C2.27 5.625 2.649 5.248 3.089 4.933L3.118 4.912C3.181 4.632 3.268 4.357 3.38 4.087L1.146 1.854C1.047 1.754 0.997 1.636 0.997 1.5C0.997 1.364 1.047 1.246 1.146 1.146C1.246 1.047 1.364 0.997 1.5 0.997C1.636 0.997 1.754 1.047 1.854 1.146L14.854 14.146C14.953 14.246 15.003 14.364 15.003 14.5ZM11.844 12.551L10.492 11.199C10.371 11.446 10.229 11.684 10.067 11.91C9.798 12.286 9.484 12.617 9.126 12.904C9.411 12.968 9.703 13 10 13C10.66 13 11.275 12.85 11.844 12.551ZM9.131 9.838L6.449 7.156C6.15 7.725 6 8.34 6 9C6 9.162 6.01 9.323 6.029 9.481C6.188 9.571 6.354 9.651 6.528 9.719C7.001 9.906 7.491 10 8 10C8.389 10 8.766 9.946 9.131 9.838ZM5.715 6.423L4.56 5.267C4.376 5.337 4.199 5.421 4.028 5.518C4.009 5.676 4 5.837 4 6C4 6.509 4.094 6.999 4.281 7.472C4.455 7.913 4.699 8.309 5.011 8.659C5.037 8.284 5.104 7.916 5.214 7.553C5.334 7.154 5.502 6.777 5.715 6.423ZM6.522 4.522C6.524 4.515 6.525 4.509 6.527 4.502C6.559 4.364 6.632 4.26 6.748 4.187C6.863 4.115 6.989 4.095 7.127 4.127C7.428 4.197 7.72 4.293 8.001 4.416C8.631 4.139 9.298 4 10 4C10.551 4 11.086 4.088 11.604 4.264C11.409 3.858 11.151 3.494 10.828 3.172C10.438 2.781 9.986 2.484 9.472 2.281C8.999 2.094 8.509 2 8 2C7.552 2 7.117 2.073 6.694 2.219C6.271 2.365 5.883 2.577 5.531 2.853C5.422 2.938 5.299 2.973 5.162 2.956C5.025 2.939 4.914 2.877 4.829 2.768C4.744 2.66 4.709 2.537 4.726 2.4C4.742 2.263 4.805 2.151 4.914 2.066C5.354 1.721 5.838 1.457 6.367 1.274C6.896 1.091 7.44 1 8 1C8.636 1 9.249 1.117 9.84 1.351C10.482 1.605 11.047 1.976 11.536 2.464C12.024 2.953 12.395 3.518 12.649 4.16C12.747 4.407 12.824 4.657 12.881 4.912C13.113 5.076 13.331 5.26 13.536 5.464C14.024 5.953 14.395 6.518 14.649 7.16C14.883 7.751 15 8.364 15 9C15 9.867 14.789 10.679 14.367 11.436C14.299 11.556 14.199 11.635 14.067 11.673C13.934 11.711 13.807 11.696 13.686 11.629C13.566 11.561 13.487 11.461 13.449 11.329C13.411 11.196 13.426 11.069 13.493 10.948C13.831 10.343 14 9.693 14 9C14 8.491 13.906 8.001 13.719 7.528C13.545 7.087 13.301 6.691 12.989 6.341C12.959 6.781 12.871 7.212 12.726 7.633C12.543 8.162 12.279 8.646 11.934 9.086C11.847 9.197 11.736 9.261 11.601 9.277C11.466 9.293 11.343 9.258 11.232 9.171C11.121 9.084 11.057 8.973 11.041 8.838C11.025 8.703 11.06 8.58 11.147 8.469C11.423 8.117 11.635 7.729 11.781 7.306C11.927 6.883 12 6.448 12 6C12 5.838 11.99 5.677 11.971 5.519C11.812 5.429 11.646 5.349 11.472 5.281C10.999 5.094 10.509 5 10 5C9.7 5 9.408 5.032 9.125 5.095C9.268 5.209 9.405 5.332 9.536 5.463C9.873 5.801 10.157 6.179 10.386 6.598C10.606 7 10.768 7.425 10.871 7.872C10.903 8.009 10.883 8.135 10.811 8.251C10.739 8.366 10.634 8.44 10.497 8.472C10.49 8.473 10.483 8.475 10.476 8.476L9.824 7.824C9.634 7.195 9.302 6.643 8.828 6.17C8.575 5.917 8.299 5.704 8.001 5.531C7.893 5.576 7.784 5.583 7.671 5.551C7.539 5.513 7.439 5.434 7.371 5.314C7.356 5.286 7.343 5.256 7.333 5.226C7.28 5.207 7.227 5.19 7.174 5.174L6.522 4.522ZM6.876 12.905C6.733 12.79 6.596 12.667 6.464 12.536C5.976 12.047 5.605 11.482 5.351 10.84C5.253 10.593 5.176 10.343 5.119 10.088C4.887 9.924 4.669 9.74 4.464 9.536C3.976 9.047 3.605 8.482 3.351 7.84C3.159 7.355 3.046 6.855 3.011 6.34C2.924 6.438 2.84 6.542 2.762 6.65C2.508 7 2.316 7.382 2.185 7.795C2.062 8.187 2 8.589 2 9C2 9.509 2.093 10 2.28 10.473C2.484 10.987 2.781 11.439 3.171 11.829C3.562 12.22 4.014 12.517 4.527 12.721C5 12.908 5.491 13.002 6 13.002C6.297 13.002 6.589 12.969 6.876 12.905ZM9.253 11.329C9.388 11.14 9.505 10.943 9.605 10.736C9.089 10.912 8.554 11 8 11C7.449 11 6.914 10.912 6.396 10.736C6.591 11.142 6.849 11.506 7.172 11.828C7.423 12.079 7.699 12.292 8.001 12.465C8.12 12.396 8.237 12.321 8.35 12.238C8.7 11.984 9.001 11.681 9.253 11.329Z" />
    </svg>
  );
}

Vue

Vue: see /icons/color-filter-off.md

Svelte

Svelte: see /icons/color-filter-off.md

HTML img

HTML img: see /icons/color-filter-off.md

CSS

CSS: see /icons/color-filter-off.md

Data URL

Data URL: see /icons/color-filter-off.md

Sprite

Sprite: see /icons/color-filter-off.md

SwiftUI

SwiftUI: see /icons/color-filter-off.md

Compose

Compose: see /icons/color-filter-off.md

Android XML

Android XML: see /icons/color-filter-off.md

Flutter

Flutter: see /icons/color-filter-off.md

Each icon is drawn on the 16 px grid, and most also on the 20 and 24 px grids (at 24 in three weights: light 1 px, regular 1.5 px, bold 2 px). Show the drawing made for your size, or an exact multiple of it, on whole pixels: 16 for 16 and 32 px, 20 for 20 and 40, 24 for 24 and 48. A size in between or a fractional position blurs it. The code on each icon page is the 16 px drawing, an SVG with fill="currentColor"; the icon page's downloads follow its Grid switch, and npm has the 20 and 24 px drawings too. The snippets are decorative (aria-hidden). For an icon that carries meaning on its own, such as an icon-only button, label the button, or give the SVG role="img" and an aria-label. More in how to use.

With npm: import { ColorFilterOffIcon } from '@gentleface/react'; (setup).

Meaning

Use it for

no filter, original photo

Example

No filter (original) in a photo-filter strip

Built from

color-filter + slash

Tags

color filter, colour filter, rgb, channels, color channels, additive color, red green blue, filters, photo filter, mix, circles, slash

Category

Photo & image

Component name

ColorFilterOffIcon

History

2026-11-06 added, released in 0.4.0

Since

version 0.4.0

Family 2

color-filter color-filter-sparkle

More photo & image icons

aperture background-remove background-remove-stripes background-replace blur blur-off bolt-auto camera camera-alert camera-arrow-up camera-gear camera-link camera-off camera-pencil camera-plus camera-rotate · all photo & image icons

For agents

Metadata: /icons/color-filter-off.json · Markdown: /icons/color-filter-off.md · SVG: https://gentleface.com/svg/{style}/16/color-filter-off.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/color-filter-off.png

color-filter-off icon Copy name

line-round

line-soft

line-sharp

solid-round

solid-soft

solid-sharp