Picture

import { BoldPicture } from 'onebit-icon-react';

<BoldPicture size={24} />

<svg xmlns="http://www.w3.org/2000/svg" viewBox="-0.5 0 14 14" width="24" height="24" fill="none"><path fill="currentColor" fill-rule="evenodd" d="M9.038 2.414a2 2 0 0 1 1.795 1.99v.332l-.01.205a2.001 2.001 0 0 1-1.785 1.785l-.205.01H8.5l-.204-.01A2 2 0 0 1 6.51 4.941l-.01-.205v-.333a2 2 0 0 1 1.796-1.99l.204-.01h.333l.205.01ZM8.5 3.654a.75.75 0 0 0-.75.75v.332c0 .414.336.75.75.75h.333a.75.75 0 0 0 .75-.75v-.333a.75.75 0 0 0-.75-.75H8.5Z" clip-rule="evenodd"/>
  <path fill="currentColor" fill-rule="evenodd" d="M10.154.24A3 3 0 0 1 13 3.236v7l-.004.154a3 3 0 0 1-2.842 2.842l-.154.004H3l-.154-.004A3 3 0 0 1 .004 10.39L0 10.236v-7A3 3 0 0 1 2.846.24L3 .236h7l.154.004ZM1.25 10.236c0 .967.784 1.75 1.75 1.75h5.013c-.005-.041-.008-.085-.015-.129a4.68 4.68 0 0 0-.67-1.806c-.76-1.193-2.404-2.524-6.078-2.675v2.86Zm10.5-.89c-1.145-.29-2.19-.21-3.112.485a5.984 5.984 0 0 1 .634 2.155H10a1.75 1.75 0 0 0 1.75-1.75v-.89ZM3 1.485a1.75 1.75 0 0 0-1.75 1.75v2.888c3.523.136 5.553 1.29 6.695 2.661 1.195-.874 2.52-.983 3.805-.72V3.236A1.75 1.75 0 0 0 10 1.486H3Z" clip-rule="evenodd"/></svg>

.icon-ob-picture {
  width: 24px; height: 24px;
  background: currentColor;
  mask: url("https://icons.onebit.ng/icons/bold-Picture.svg") center / contain no-repeat;
}