Add LocateOff icon (#517 )

📦 Bump lucide package versions to 0.17.7
Add Palmtree (#492 )
2025-12-24 16:59:21 +01:00 · 2022-03-07 19:49:23 +01:00 · 2022-03-04 16:30:41 +00:00 · 2022-03-04 17:19:44 +01:00 · 2022-03-04 17:10:44 +01:00 · 2022-03-02 19:01:48 +00:00
28 changed files with 2368 additions and 2190 deletions
--- a/icons/align-horizonal-distribute-center.svg
+++ b/icons/align-horizonal-distribute-center.svg
@@ -0,0 +1,18 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <rect x="4" y="5" width="6" height="14" rx="2" />
+  <rect x="14" y="7" width="6" height="10" rx="2" />
+  <path d="M17 22v-5" />
+  <path d="M17 7V2" />
+  <path d="M7 22v-3" />
+  <path d="M7 5V2" />
+</svg>
--- a/icons/align-horizonal-distribute-end.svg
+++ b/icons/align-horizonal-distribute-end.svg
@@ -0,0 +1,16 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <rect x="4" y="5" width="6" height="14" rx="2" />
+  <rect x="14" y="7" width="6" height="10" rx="2" />
+  <path d="M10 2v20" />
+  <path d="M20 2v20" />
+</svg>
--- a/icons/align-horizonal-distribute-start.svg
+++ b/icons/align-horizonal-distribute-start.svg
@@ -0,0 +1,16 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <rect x="4" y="5" width="6" height="14" rx="2" />
+  <rect x="14" y="7" width="6" height="10" rx="2" />
+  <path d="M4 2v20" />
+  <path d="M14 2v20" />
+</svg>
--- a/icons/align-vertical-distribute-center.svg
+++ b/icons/align-vertical-distribute-center.svg
@@ -0,0 +1,18 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <rect x="5" y="14" width="14" height="6" rx="2" />
+  <rect x="7" y="4" width="10" height="6" rx="2" />
+  <path d="M22 7h-5" />
+  <path d="M7 7H1" />
+  <path d="M22 17h-3" />
+  <path d="M5 17H2" />
+</svg>
--- a/icons/align-vertical-distribute-end.svg
+++ b/icons/align-vertical-distribute-end.svg
@@ -0,0 +1,16 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <rect x="5" y="14" width="14" height="6" rx="2" />
+  <rect x="7" y="4" width="10" height="6" rx="2" />
+  <path d="M2 20h20" />
+  <path d="M2 10h20" />
+</svg>
--- a/icons/align-vertical-distribute-start.svg
+++ b/icons/align-vertical-distribute-start.svg
@@ -0,0 +1,16 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <rect x="5" y="14" width="14" height="6" rx="2" />
+  <rect x="7" y="4" width="10" height="6" rx="2" />
+  <path d="M2 14h20" />
+  <path d="M2 4h20" />
+</svg>
--- a/icons/locate-off.svg
+++ b/icons/locate-off.svg
@@ -0,0 +1,19 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <line x1="2" x2="5" y1="12" y2="12" />
+  <line x1="19" x2="22" y1="12" y2="12" />
+  <line x1="12" x2="12" y1="2" y2="5" />
+  <line x1="12" x2="12" y1="19" y2="22" />
+  <path d="M7.11 7.11C5.83 8.39 5 10.1 5 12c0 3.87 3.13 7 7 7 1.9 0 3.61-.83 4.89-2.11" />
+  <path d="M18.71 13.96c.19-.63.29-1.29.29-1.96 0-3.87-3.13-7-7-7-.67 0-1.33.1-1.96.29" />
+  <line x1="2" x2="22" y1="2" y2="22" />
+</svg>
--- a/icons/palmtree.svg
+++ b/icons/palmtree.svg
@@ -0,0 +1,16 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <path d="M13 8c0-2.76-2.46-5-5.5-5S2 5.24 2 8h2l1-1 1 1h4" />
+  <path d="M13 7.14A5.82 5.82 0 0116.5 6c3.04 0 5.5 2.24 5.5 5h-3l-1-1-1 1h-3" />
+  <path d="M5.89 9.71c-2.15 2.15-2.3 5.47-.35 7.43l4.24-4.25.7-.7.71-.71 2.12-2.12c-1.95-1.96-5.27-1.8-7.42.35z" />
+  <path d="M11 15.5c.5 2.5-.17 4.5-1 6.5h4c2-5.5-.5-12-1-14" />
+</svg>
--- a/icons/stretch-horizontal.svg
+++ b/icons/stretch-horizontal.svg
@@ -0,0 +1,14 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <rect x="2" y="4" width="20" height="6" rx="2" />
+  <rect x="2" y="14" width="20" height="6" rx="2" />
+</svg>
--- a/icons/stretch-vertical.svg
+++ b/icons/stretch-vertical.svg
@@ -0,0 +1,14 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <rect x="4" y="2" width="6" height="20" rx="2" />
+  <rect x="14" y="2" width="6" height="20" rx="2" />
+</svg>
--- a/packages/lucide-angular/package.json
+++ b/packages/lucide-angular/package.json
@@ -1,7 +1,7 @@
 {
  "name": "lucide-angular",
  "description": "A Lucide icon library package for Angular applications",
-  "version": "0.17.3",
+  "version": "0.17.7",
  "author": "SMAH1",
  "license": "ISC",
  "homepage": "https://lucide.dev",
--- a/packages/lucide-flutter/pubspec.yaml
+++ b/packages/lucide-flutter/pubspec.yaml
@@ -1,6 +1,6 @@
 name: lucide_icons
 description: A Lucide icon library package for Flutter applications. Fork of Feather Icons, open for anyone to contribute icons.
-version: 0.17.3
+version: 0.17.7
 homepage: https://lucide.dev
 repository: https://github.com/lucide-icons/lucide

--- a/packages/lucide-preact/package.json
+++ b/packages/lucide-preact/package.json
@@ -1,7 +1,7 @@
 {
  "name": "lucide-preact",
  "description": "A Lucide icon library package for Preact applications",
-  "version": "0.17.3",
+  "version": "0.17.7",
  "license": "ISC",
  "homepage": "https://lucide.dev",
  "bugs": "https://github.com/lucide-icons/lucide/issues",
--- a/packages/lucide-react/package.json
+++ b/packages/lucide-react/package.json
@@ -1,7 +1,7 @@
 {
  "name": "lucide-react",
  "description": "A Lucide icon library package for React applications",
-  "version": "0.17.3",
+  "version": "0.17.7",
  "license": "ISC",
  "homepage": "https://lucide.dev",
  "bugs": "https://github.com/lucide-icons/lucide/issues",
--- a/packages/lucide-svelte/package.json
+++ b/packages/lucide-svelte/package.json
@@ -1,7 +1,7 @@
 {
  "name": "lucide-svelte",
  "description": "A Lucide icon library package for Svelte applications",
-  "version": "0.17.3",
+  "version": "0.17.7",
  "license": "ISC",
  "homepage": "https://lucide.dev",
  "bugs": "https://github.com/lucide-icons/lucide/issues",
--- a/packages/lucide-vue-next/package.json
+++ b/packages/lucide-vue-next/package.json
@@ -1,6 +1,6 @@
 {
  "name": "lucide-vue-next",
-  "version": "0.17.3",
+  "version": "0.17.7",
  "author": "Eric Fennis",
  "description": "A Lucide icon library package for Vue 3 applications",
  "license": "ISC",
--- a/packages/lucide-vue/package.json
+++ b/packages/lucide-vue/package.json
@@ -1,6 +1,6 @@
 {
  "name": "lucide-vue",
-  "version": "0.17.3",
+  "version": "0.17.7",
  "author": "Eric Fennis",
  "description": "A Lucide icon library package for Vue 2 applications",
  "license": "ISC",
--- a/packages/lucide/package.json
+++ b/packages/lucide/package.json
@@ -1,7 +1,7 @@
 {
  "name": "lucide",
  "description": "A Lucide icon library package for web and javascript applications.",
-  "version": "0.17.3",
+  "version": "0.17.7",
  "license": "ISC",
  "homepage": "https://lucide.dev",
  "bugs": "https://github.com/lucide-icons/lucide/issues",
--- a/site/babel.config.js
+++ b/site/babel.config.js
@@ -1,3 +0,0 @@
-module.exports = {
-  presets: ['next/babel'],
-};
--- a/site/next-env.d.ts
+++ b/site/next-env.d.ts
@@ -1,5 +1,4 @@
 /// <reference types="next" />
-/// <reference types="next/types/global" />
 /// <reference types="next/image-types/global" />

 // NOTE: This file should not be edited
--- a/site/next.config.js
+++ b/site/next.config.js
@@ -1,19 +1,13 @@
 /* eslint-disable no-undef */
 module.exports = {
-  webpack: (config, options) => {
+  webpack(config) {
    config.module.rules.push({
      test: /\.svg$/,
-      use: [
-        {
-          loader: 'babel-loader',
-        },
-        {
-          loader: 'react-svg-loader',
-          options: {
-            jsx: true,
-          },
-        },
-      ],
+      issuer: {
+        and: [/\.(js|ts)x?$/],
+      },
+
+      use: ['@svgr/webpack'],
    });

    return config;
--- a/site/package.json
+++ b/site/package.json
@@ -19,6 +19,7 @@
    "@mdx-js/loader": "^1.6.22",
    "@mdx-js/react": "^1.6.22",
    "@next/mdx": "^11.0.0",
+    "@svgr/webpack": "^6.2.1",
    "downloadjs": "^1.4.7",
    "framer-motion": "^4",
    "fuse.js": "^6.5.3",
@@ -27,12 +28,12 @@
    "jszip": "^3.7.0",
    "lodash": "^4.17.20",
    "lucide-react": "0.14.0",
-    "next": "^11.1.3",
+    "next": "12",
    "next-mdx-remote": "^3.0.2",
    "prism-react-renderer": "^1.2.1",
-    "react": "^17.0.1",
+    "react": "^17.0.2",
    "react-color": "^2.19.3",
-    "react-dom": "^17.0.1",
+    "react-dom": "^17.0.2",
    "react-svg-loader": "^3.0.3"
  },
  "devDependencies": {
--- a/site/src/components/Header.tsx
+++ b/site/src/components/Header.tsx
@@ -11,6 +11,7 @@ import Vue3Logo from '../../public/framework-logos/vue-next.svg';
 import PreactLogo from '../../public/framework-logos/preact.svg';
 import AngularLogo from '../../public/framework-logos/angular.svg';
 import FlutterLogo from '../../public/framework-logos/flutter.svg';
+import SvelteLogo from '../../public/framework-logos/svelte.svg';

 function generateZip(icons) {
  const zip = new JSZip();
@@ -50,6 +51,11 @@ const Header = ({ data }) => {
      Logo: Vue3Logo,
      href: '/docs/lucide-vue-next',
    },
+    {
+      name: 'lucide-svelte',
+      Logo: SvelteLogo,
+      href: '/docs/lucide-svelte',
+    },
    {
      name: 'lucide-preact',
      Logo: PreactLogo,
--- a/site/src/components/IconList.tsx
+++ b/site/src/components/IconList.tsx
@@ -14,7 +14,7 @@ const IconList = memo(({ icons }: IconListProps) => {

  return (
    <Grid templateColumns={`repeat(auto-fill, minmax(150px, 1fr))`} gap={5} marginBottom="320px">
-      {icons.map((icon) => {
+      {icons.map(icon => {
        return (
          <Link
            key={icon.name}
--- a/site/src/components/IconListItem.tsx
+++ b/site/src/components/IconListItem.tsx
@@ -1,4 +1,4 @@
-import { Button, ButtonProps, Flex, Text, useToast } from '@chakra-ui/react';
+import { Box, Button, ButtonProps, Flex, Text, useToast } from '@chakra-ui/react';
 import download from 'downloadjs';
 import copy from 'copy-to-clipboard';
 import { memo, useContext } from 'react';
@@ -22,8 +22,10 @@ const IconListItem = ({ name, content, src, onClick }: IconListItemProps) => {
      variant="ghost"
      borderWidth="1px"
      rounded="lg"
-      padding={16}
+      padding={2}
+      height={32}
      position="relative"
+      whiteSpace="normal"
      onClick={event => {
        if (event.shiftKey) {
          copy(src);
@@ -44,15 +46,21 @@ const IconListItem = ({ name, content, src, onClick }: IconListItemProps) => {
      key={name}
      alignItems="center"
    >
-      <Flex direction="column" align="center" justify="center">
-        <IconWrapper
-          content={content}
-          stroke={color}
-          strokeWidth={strokeWidth}
-          height={size}
-          width={size}
-        />
-        <Text marginTop={5}>{name}</Text>
+      <Flex direction="column" align="center" justify="stretch" width="100%" gap={4}>
+        <Flex flex={2} flexBasis="100%" minHeight={10} align="flex-end">
+          <IconWrapper
+            content={content}
+            stroke={color}
+            strokeWidth={strokeWidth}
+            height={size}
+            width={size}
+          />
+        </Flex>
+        <Flex flex={1} minHeight={10} align="center">
+          <Text wordBreak="break-word" maxWidth="100%">
+            {name}
+          </Text>
+        </Flex>
      </Flex>
    </Button>
  );
--- a/site/tsconfig.json
+++ b/site/tsconfig.json
@@ -1,7 +1,11 @@
 {
  "compilerOptions": {
    "target": "ESNext",
-    "lib": ["dom", "dom.iterable", "esnext"],
+    "lib": [
+      "dom",
+      "dom.iterable",
+      "esnext"
+    ],
    "allowJs": true,
    "skipLibCheck": true,
    "strict": false,
@@ -12,8 +16,17 @@
    "moduleResolution": "node",
    "resolveJsonModule": true,
    "isolatedModules": true,
-    "jsx": "preserve"
+    "jsx": "preserve",
+    "incremental": true
  },
-  "exclude": ["node_modules", "use-popper.d.ts", "*.md"],
-  "include": ["next-env.d.ts", "src/**/*.ts", "src/**/*.tsx"]
+  "exclude": [
+    "node_modules",
+    "use-popper.d.ts",
+    "*.md"
+  ],
+  "include": [
+    "next-env.d.ts",
+    "src/**/*.ts",
+    "src/**/*.tsx"
+  ]
 }
--- a/site/yarn.lock
+++ b/site/yarn.lock
--- a/tags.json
+++ b/tags.json
@@ -72,6 +72,26 @@
    "flex",
    "justify"
  ],
+  "align-horizonal-distribute-center": [
+    "items",
+    "flex",
+    "justify",
+    "space",
+    "evenly",
+    "around"
+  ],
+  "align-horizonal-distribute-end": [
+    "right",
+    "items",
+    "flex",
+    "justify"
+  ],
+  "align-horizonal-distribute-start": [
+    "left",
+    "items",
+    "flex",
+    "justify"
+  ],
  "align-horizontal-justify-center": [
    "center",
    "items",
@@ -132,6 +152,26 @@
    "flex",
    "justify"
  ],
+  "align-vertical-distribute-center": [
+    "items",
+    "flex",
+    "justify",
+    "space",
+    "evenly",
+    "around"
+  ],
+  "align-vertical-distribute-end": [
+    "bottom",
+    "items",
+    "flex",
+    "justify"
+  ],
+  "align-vertical-distribute-start": [
+    "top",
+    "items",
+    "flex",
+    "justify"
+  ],
  "align-vertical-justify-center": [
    "center",
    "items",
@@ -1406,6 +1446,12 @@
    "location",
    "cross"
  ],
+  "locate-off": [
+    "map",
+    "gps",
+    "location",
+    "cross"
+  ],
  "lock": [
    "security",
    "password",
@@ -1638,6 +1684,11 @@
    "color",
    "theme"
  ],
+  "palmtree": [
+    "vacation",
+    "leisure",
+    "island"
+  ],
  "paperclip": [
    "attachment",
    "file"
@@ -2153,6 +2204,18 @@
    "media",
    "music"
  ],
+  "stretch-horizontal": [
+    "items",
+    "flex",
+    "justify",
+    "distribute"
+  ],
+  "stretch-vertical": [
+    "items",
+    "flex",
+    "justify",
+    "distribute"
+  ],
  "strikethrough": [
    "cross out",
    "delete",
@@ -2552,4 +2615,4 @@
    "magnifying glass",
    "plus"
  ]
-}
+}
Author	SHA1	Message	Date
Folkert de Vries	45e1196a63	Add LocateOff icon (#517 )	2022-03-07 19:49:23 +01:00
Lucide Bot	3716104876	📦 Bump lucide package versions to 0.17.7	2022-03-04 16:30:41 +00:00
Eric Fennis	4c40e5871e	Add Palmtree (#492 ) * Add palmtree icon * add tags	2022-03-04 17:19:44 +01:00
Eric Fennis	78421d1440	Minor fixes lucide.dev (#518 ) * Minor fixes site * update to next 12.1	2022-03-04 17:10:44 +01:00
Lucide Bot	98b28c0075	📦 Bump lucide package versions to 0.17.6	2022-03-02 19:01:48 +00:00
Eric Fennis	ac78fa2444	Add (flex) align icons 3 (#495 ) * add distribute align icons * Add flex distribute icons * add tags * reorder tags	2022-03-02 19:53:58 +01:00
Lucide Bot	e80a155816	📦 Bump lucide package versions to 0.17.5	2022-03-02 18:52:42 +00:00
Eric Fennis	13499f1418	Add stretch icons (#493 ) * Add stretch icons * add tags	2022-03-02 19:45:05 +01:00
Lucide Bot	598b778be2	📦 Bump lucide package versions to 0.17.4	2022-03-02 18:27:33 +00:00