feathericons / feather

Simply beautiful open-source icons
https://feathericons.com
MIT License
24.88k stars 1.22k forks source link

Icon request: categorical/text data (Abc) #885

Open aecio opened 4 years ago

aecio commented 4 years ago

Icon Request

Screen Shot 2020-04-14 at 11 53 04 PM

Note that all other icons (calendar, globe, and hash) already exist in feather.

aecio commented 4 years ago

I created the following SVG just to get the ball rolling, but it's probably not the best design (I'm not really a designer). Let me know if you're interested in a pull request.

Screen Shot 2020-04-15 at 12 04 50 AM

<svg
  xmlns="http://www.w3.org/2000/svg"
  width="24"
  height="24"
  fill="none"
  stroke="currentColor"
  stroke-width="2"
  stroke-linecap="round"
  class="feather feather-abc"
>
  <path
    d="M21.855 15.499c-.165.829-.912 1.506-2.086 1.506-1.193 0-2.16-1.425-2.16-3.183 0-1.757.966-3.182 2.16-3.182.864 0 1.397.372 1.784.91M5.425 6.932L2.5 16.963M5.74 6.948L8.667 16.98M3.506 14.495H7.75M10.948 6.576l.076 10.45"
  />
  <ellipse cx="13.166" cy="13.851" rx="2.16" ry="3.182" />
</svg>
aecio commented 4 years ago

Another take using Figma.

Standard size (1x):

Abc-24x24

Large (15x):

Abc-15x

SVG:

<svg
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 24 24"
  width="24"
  height="24"
  fill="none"
  stroke="currentColor"
  stroke-width="2"
  stroke-linecap="round"
  stroke-linejoin="round"
>
  <path d="M1.75 17L4.75 7L8.25 17" />
  <path d="M2.75 14.5H7.25" />
  <path d="M10.75 7V17" />
  <ellipse cx="13" cy="13.5" rx="2.25" ry="3.5" />
  <path d="M21.591 15.9749C21.2763 16.4644 20.8754 16.7977 20.439 16.9327C20.0025 17.0678 19.5501 16.9985 19.139 16.7336C18.7278 16.4687 18.3764 16.0201 18.1292 15.4445C17.882 14.8689 17.75 14.1922 17.75 13.5C17.75 12.8078 17.882 12.1311 18.1292 11.5555C18.3764 10.9799 18.7278 10.5313 19.139 10.2664C19.5501 10.0015 20.0025 9.9322 20.439 10.0673C20.8754 10.2023 21.2763 10.5356 21.591 11.0251" />
</svg>