Skip to content
DeployDeployIcons
Cancel icon

Cancel

ob-cancel

Drawn in-house in Nigeria for Deploy Icons. Available at one weight, free under the MIT licence.

Also called

close · dismiss · stop · abort

Weights

  • Thin
  • Light
  • Regular
  • Cancel, Bold Bold
  • Fill
  • Duotone

Use it

React
import { BoldCancel } from 'onebit-icon-react';

<BoldCancel size={24} />
SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="-0.5 0 16 16" width="24" height="24" fill="none"><path fill="currentColor" d="m10.306 6.257-1.48 1.48 1.48 1.479-1.327 1.326L7.5 9.062l-1.48 1.48-1.326-1.326 1.48-1.48-1.48-1.48L6.02 4.93 7.5 6.41l1.48-1.48 1.326 1.327Z"/>
  <path fill="currentColor" fill-rule="evenodd" d="M7.5.236a7.5 7.5 0 1 1 0 15 7.5 7.5 0 0 1 0-15Zm0 1.607a5.893 5.893 0 1 0 0 11.786 5.893 5.893 0 0 0 0-11.786Z" clip-rule="evenodd"/></svg>
CSS mask
.icon-ob-cancel {
  width: 24px; height: 24px;
  background: currentColor;
  mask: url("https://icons.onebit.ng/icons/bold-Cancel.svg") center / contain no-repeat;
}

More in Interface & Controls

← All Interface & Controls iconsBrowse by categoryBrowse all icons