boxicons

import * as React from "react";

function BoxiconsListOl(props) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width={24} height={24} {...props}>
      <path d="M5.282 12.064c-.428.328-.72.609-.875.851-.155.24-.249.498-.279.768h2.679v-.748H5.413c.081-.081.152-.151.212-.201.062-.05.182-.142.361-.27.303-.218.511-.42.626-.604.116-.186.173-.375.173-.578a.898.898 0 00-.151-.512.892.892 0 00-.412-.341c-.174-.076-.419-.111-.733-.111-.3 0-.537.038-.706.114a.889.889 0 00-.396.338c-.094.143-.159.346-.194.604l.894.076c.025-.188.074-.317.147-.394a.375.375 0 01.279-.108c.11 0 .2.035.272.108a.344.344 0 01.108.258.55.55 0 01-.108.297c-.074.102-.241.254-.503.453zm.055 6.386a.398.398 0 01-.282-.105c-.074-.07-.128-.195-.162-.378L4 18.085c.059.204.142.372.251.506.109.133.248.235.417.306.168.069.399.103.692.103.3 0 .541-.047.725-.14a1 1 0 00.424-.403c.098-.175.146-.354.146-.544a.823.823 0 00-.088-.393.708.708 0 00-.249-.261 1.015 1.015 0 00-.286-.11.943.943 0 00.345-.299.673.673 0 00.113-.383.747.747 0 00-.281-.596c-.187-.159-.49-.238-.909-.238-.365 0-.648.072-.847.219-.2.143-.334.353-.404.626l.844.151c.023-.162.067-.274.133-.338s.151-.098.257-.098a.33.33 0 01.241.089c.059.06.087.139.087.238 0 .104-.038.193-.117.27s-.177.112-.293.112a.907.907 0 01-.116-.011l-.045.649a1.13 1.13 0 01.289-.056c.132 0 .237.041.313.126.077.082.115.199.115.352 0 .146-.04.266-.119.354a.394.394 0 01-.301.134zm.948-10.083V5h-.739a1.47 1.47 0 01-.394.523c-.168.142-.404.262-.708.365v.754a2.595 2.595 0 00.937-.48v2.206h.904zM9 6h11v2H9zm0 5h11v2H9zm0 5h11v2H9z" />
    </svg>
  );
}

export default BoxiconsListOl;


import * as React from "react";

function BoxiconsListOl(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width={24} height={24} {...props}>
      <path d="M5.282 12.064c-.428.328-.72.609-.875.851-.155.24-.249.498-.279.768h2.679v-.748H5.413c.081-.081.152-.151.212-.201.062-.05.182-.142.361-.27.303-.218.511-.42.626-.604.116-.186.173-.375.173-.578a.898.898 0 00-.151-.512.892.892 0 00-.412-.341c-.174-.076-.419-.111-.733-.111-.3 0-.537.038-.706.114a.889.889 0 00-.396.338c-.094.143-.159.346-.194.604l.894.076c.025-.188.074-.317.147-.394a.375.375 0 01.279-.108c.11 0 .2.035.272.108a.344.344 0 01.108.258.55.55 0 01-.108.297c-.074.102-.241.254-.503.453zm.055 6.386a.398.398 0 01-.282-.105c-.074-.07-.128-.195-.162-.378L4 18.085c.059.204.142.372.251.506.109.133.248.235.417.306.168.069.399.103.692.103.3 0 .541-.047.725-.14a1 1 0 00.424-.403c.098-.175.146-.354.146-.544a.823.823 0 00-.088-.393.708.708 0 00-.249-.261 1.015 1.015 0 00-.286-.11.943.943 0 00.345-.299.673.673 0 00.113-.383.747.747 0 00-.281-.596c-.187-.159-.49-.238-.909-.238-.365 0-.648.072-.847.219-.2.143-.334.353-.404.626l.844.151c.023-.162.067-.274.133-.338s.151-.098.257-.098a.33.33 0 01.241.089c.059.06.087.139.087.238 0 .104-.038.193-.117.27s-.177.112-.293.112a.907.907 0 01-.116-.011l-.045.649a1.13 1.13 0 01.289-.056c.132 0 .237.041.313.126.077.082.115.199.115.352 0 .146-.04.266-.119.354a.394.394 0 01-.301.134zm.948-10.083V5h-.739a1.47 1.47 0 01-.394.523c-.168.142-.404.262-.708.365v.754a2.595 2.595 0 00.937-.48v2.206h.904zM9 6h11v2H9zm0 5h11v2H9zm0 5h11v2H9z" />
    </svg>
  );
}

export default BoxiconsListOl;


import * as React from "react";
import Svg, { Path } from "react-native-svg";

function BoxiconsListOl(props) {
  return (
    <Svg xmlns="http://www.w3.org/2000/svg" width={24} height={24} {...props}>
      <Path d="M5.282 12.064c-.428.328-.72.609-.875.851-.155.24-.249.498-.279.768h2.679v-.748H5.413c.081-.081.152-.151.212-.201.062-.05.182-.142.361-.27.303-.218.511-.42.626-.604.116-.186.173-.375.173-.578a.898.898 0 00-.151-.512.892.892 0 00-.412-.341c-.174-.076-.419-.111-.733-.111-.3 0-.537.038-.706.114a.889.889 0 00-.396.338c-.094.143-.159.346-.194.604l.894.076c.025-.188.074-.317.147-.394a.375.375 0 01.279-.108c.11 0 .2.035.272.108a.344.344 0 01.108.258.55.55 0 01-.108.297c-.074.102-.241.254-.503.453zm.055 6.386a.398.398 0 01-.282-.105c-.074-.07-.128-.195-.162-.378L4 18.085c.059.204.142.372.251.506.109.133.248.235.417.306.168.069.399.103.692.103.3 0 .541-.047.725-.14a1 1 0 00.424-.403c.098-.175.146-.354.146-.544a.823.823 0 00-.088-.393.708.708 0 00-.249-.261 1.015 1.015 0 00-.286-.11.943.943 0 00.345-.299.673.673 0 00.113-.383.747.747 0 00-.281-.596c-.187-.159-.49-.238-.909-.238-.365 0-.648.072-.847.219-.2.143-.334.353-.404.626l.844.151c.023-.162.067-.274.133-.338s.151-.098.257-.098a.33.33 0 01.241.089c.059.06.087.139.087.238 0 .104-.038.193-.117.27s-.177.112-.293.112a.907.907 0 01-.116-.011l-.045.649a1.13 1.13 0 01.289-.056c.132 0 .237.041.313.126.077.082.115.199.115.352 0 .146-.04.266-.119.354a.394.394 0 01-.301.134zm.948-10.083V5h-.739a1.47 1.47 0 01-.394.523c-.168.142-.404.262-.708.365v.754a2.595 2.595 0 00.937-.48v2.206h.904zM9 6h11v2H9zm0 5h11v2H9zm0 5h11v2H9z" />
    </Svg>
  );
}

export default BoxiconsListOl;


import * as React from "react";
import Svg, { SvgProps, Path } from "react-native-svg";

function BoxiconsListOl(props: SvgProps) {
  return (
    <Svg xmlns="http://www.w3.org/2000/svg" width={24} height={24} {...props}>
      <Path d="M5.282 12.064c-.428.328-.72.609-.875.851-.155.24-.249.498-.279.768h2.679v-.748H5.413c.081-.081.152-.151.212-.201.062-.05.182-.142.361-.27.303-.218.511-.42.626-.604.116-.186.173-.375.173-.578a.898.898 0 00-.151-.512.892.892 0 00-.412-.341c-.174-.076-.419-.111-.733-.111-.3 0-.537.038-.706.114a.889.889 0 00-.396.338c-.094.143-.159.346-.194.604l.894.076c.025-.188.074-.317.147-.394a.375.375 0 01.279-.108c.11 0 .2.035.272.108a.344.344 0 01.108.258.55.55 0 01-.108.297c-.074.102-.241.254-.503.453zm.055 6.386a.398.398 0 01-.282-.105c-.074-.07-.128-.195-.162-.378L4 18.085c.059.204.142.372.251.506.109.133.248.235.417.306.168.069.399.103.692.103.3 0 .541-.047.725-.14a1 1 0 00.424-.403c.098-.175.146-.354.146-.544a.823.823 0 00-.088-.393.708.708 0 00-.249-.261 1.015 1.015 0 00-.286-.11.943.943 0 00.345-.299.673.673 0 00.113-.383.747.747 0 00-.281-.596c-.187-.159-.49-.238-.909-.238-.365 0-.648.072-.847.219-.2.143-.334.353-.404.626l.844.151c.023-.162.067-.274.133-.338s.151-.098.257-.098a.33.33 0 01.241.089c.059.06.087.139.087.238 0 .104-.038.193-.117.27s-.177.112-.293.112a.907.907 0 01-.116-.011l-.045.649a1.13 1.13 0 01.289-.056c.132 0 .237.041.313.126.077.082.115.199.115.352 0 .146-.04.266-.119.354a.394.394 0 01-.301.134zm.948-10.083V5h-.739a1.47 1.47 0 01-.394.523c-.168.142-.404.262-.708.365v.754a2.595 2.595 0 00.937-.48v2.206h.904zM9 6h11v2H9zm0 5h11v2H9zm0 5h11v2H9z" />
    </Svg>
  );
}

export default BoxiconsListOl;


import styled, { css } from 'styled-components';

import styled, { css } from "styled-components";

const SvgIcon = (props) =>
  ((props) => (
    <svg xmlns="http://www.w3.org/2000/svg" width={24} height={24} {...props}>
      <path d="M5.282 12.064c-.428.328-.72.609-.875.851-.155.24-.249.498-.279.768h2.679v-.748H5.413c.081-.081.152-.151.212-.201.062-.05.182-.142.361-.27.303-.218.511-.42.626-.604.116-.186.173-.375.173-.578a.898.898 0 00-.151-.512.892.892 0 00-.412-.341c-.174-.076-.419-.111-.733-.111-.3 0-.537.038-.706.114a.889.889 0 00-.396.338c-.094.143-.159.346-.194.604l.894.076c.025-.188.074-.317.147-.394a.375.375 0 01.279-.108c.11 0 .2.035.272.108a.344.344 0 01.108.258.55.55 0 01-.108.297c-.074.102-.241.254-.503.453zm.055 6.386a.398.398 0 01-.282-.105c-.074-.07-.128-.195-.162-.378L4 18.085c.059.204.142.372.251.506.109.133.248.235.417.306.168.069.399.103.692.103.3 0 .541-.047.725-.14a1 1 0 00.424-.403c.098-.175.146-.354.146-.544a.823.823 0 00-.088-.393.708.708 0 00-.249-.261 1.015 1.015 0 00-.286-.11.943.943 0 00.345-.299.673.673 0 00.113-.383.747.747 0 00-.281-.596c-.187-.159-.49-.238-.909-.238-.365 0-.648.072-.847.219-.2.143-.334.353-.404.626l.844.151c.023-.162.067-.274.133-.338s.151-.098.257-.098a.33.33 0 01.241.089c.059.06.087.139.087.238 0 .104-.038.193-.117.27s-.177.112-.293.112a.907.907 0 01-.116-.011l-.045.649a1.13 1.13 0 01.289-.056c.132 0 .237.041.313.126.077.082.115.199.115.352 0 .146-.04.266-.119.354a.394.394 0 01-.301.134zm.948-10.083V5h-.739a1.47 1.47 0 01-.394.523c-.168.142-.404.262-.708.365v.754a2.595 2.595 0 00.937-.48v2.206h.904zM9 6h11v2H9zm0 5h11v2H9zm0 5h11v2H9z" />
    </svg>
  ))({
    className: props.className,
  });

const StyledBoxiconsListOl = styled(SvgIcon)(
  [],
  ({ theme, fill, width }) => css`
    width: ${width || theme.sizes.width};
    height: ${width || theme.sizes.width};
    fill: ${fill || theme.colors.fillColor};
  `
);
export default StyledBoxiconsListOl;


import styled, { css } from "styled-components";

const SvgIcon = (props: React.SVGProps<SVGSVGElement>) =>
  ((props) => (
    <svg xmlns="http://www.w3.org/2000/svg" width={24} height={24} {...props}>
      <path d="M5.282 12.064c-.428.328-.72.609-.875.851-.155.24-.249.498-.279.768h2.679v-.748H5.413c.081-.081.152-.151.212-.201.062-.05.182-.142.361-.27.303-.218.511-.42.626-.604.116-.186.173-.375.173-.578a.898.898 0 00-.151-.512.892.892 0 00-.412-.341c-.174-.076-.419-.111-.733-.111-.3 0-.537.038-.706.114a.889.889 0 00-.396.338c-.094.143-.159.346-.194.604l.894.076c.025-.188.074-.317.147-.394a.375.375 0 01.279-.108c.11 0 .2.035.272.108a.344.344 0 01.108.258.55.55 0 01-.108.297c-.074.102-.241.254-.503.453zm.055 6.386a.398.398 0 01-.282-.105c-.074-.07-.128-.195-.162-.378L4 18.085c.059.204.142.372.251.506.109.133.248.235.417.306.168.069.399.103.692.103.3 0 .541-.047.725-.14a1 1 0 00.424-.403c.098-.175.146-.354.146-.544a.823.823 0 00-.088-.393.708.708 0 00-.249-.261 1.015 1.015 0 00-.286-.11.943.943 0 00.345-.299.673.673 0 00.113-.383.747.747 0 00-.281-.596c-.187-.159-.49-.238-.909-.238-.365 0-.648.072-.847.219-.2.143-.334.353-.404.626l.844.151c.023-.162.067-.274.133-.338s.151-.098.257-.098a.33.33 0 01.241.089c.059.06.087.139.087.238 0 .104-.038.193-.117.27s-.177.112-.293.112a.907.907 0 01-.116-.011l-.045.649a1.13 1.13 0 01.289-.056c.132 0 .237.041.313.126.077.082.115.199.115.352 0 .146-.04.266-.119.354a.394.394 0 01-.301.134zm.948-10.083V5h-.739a1.47 1.47 0 01-.394.523c-.168.142-.404.262-.708.365v.754a2.595 2.595 0 00.937-.48v2.206h.904zM9 6h11v2H9zm0 5h11v2H9zm0 5h11v2H9z" />
    </svg>
  ))({
    className: props.className,
  });

const StyledBoxiconsListOl = styled(SvgIcon)(
  [],
  ({ theme, fill, width }) => css`
    width: ${width || theme.sizes.width};
    height: ${width || theme.sizes.width};
    fill: ${fill || theme.colors.fillColor};
  `
);
export default StyledBoxiconsListOl;
