Link Settings icon

Used in generic linking to other content scenarios. The Link Settings icon is part of Microsoft's Fluent UI System Icons, available here in regular and filled styles in 2 sizes from 20 to 24 px. Download it as SVG or PNG, or copy it as code — it's free to use under the MIT License.

Regular (outlined)

SVG

Filled

SVG

Every size and style

Microsoft draws each size separately so icons stay crisp, rather than scaling one drawing. Pick a style and size to preview it, download it, or copy the code for your platform.

Regular, 24 px

ic_fluent_link_settings_24_regular.svg

Link Settings icon in React

npm install @fluentui/react-icons

import { LinkSettings24Regular } from "@fluentui/react-icons";

export function Example() {
  return <LinkSettings24Regular aria-label="Link Settings" />;
}

Link Settings icon in SVG

npm install @fluentui/svg-icons

import icon from "@fluentui/svg-icons/icons/link_settings_24_regular.svg";

<!-- or load it from a CDN -->
<img src="https://cdn.jsdelivr.net/npm/@fluentui/svg-icons@1.1.341/icons/link_settings_24_regular.svg" width="24" height="24" alt="Link Settings">

Link Settings icon in Blazor

Microsoft's Fluent UI Blazor icons package:

dotnet add package Microsoft.FluentUI.AspNetCore.Components.Icons

<FluentIcon Value="@(new Icons.Regular.Size24.LinkSettings())" />

Link Settings icon in Flutter

flutter pub add fluentui_system_icons

import 'package:fluentui_system_icons/fluentui_system_icons.dart';

Icon(FluentIcons.link_settings_24_regular)

Link Settings icon in WinUI / WPF

Add FluentSystemIcons-Regular.ttf from Microsoft's repository to your app, then use the glyph:

<!-- WinUI 3 (font in Assets/Fonts) -->
<FontIcon FontFamily="ms-appx:///Assets/Fonts/FluentSystemIcons-Regular.ttf#FluentSystemIcons-Regular" Glyph="&#xF021E;" FontSize="24" />

<!-- WPF (font in Fonts/, Build Action: Resource) -->
<TextBlock FontFamily="pack://application:,,,/Fonts/#FluentSystemIcons-Regular" Text="&#xF021E;" FontSize="24" />

Link Settings icon in Icon font

<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/microsoft/fluentui-system-icons@9cf8af0f95a555918a60b8147a2f33a6a1248442/fonts/FluentSystemIcons-Regular.css">

<i class="icon-ic_fluent_link_settings_24_regular"></i>

/* or use the code point in your own CSS */
.icon::before {
  font-family: "FluentSystemIcons-Regular";
  content: "\f021e";
  font-size: 24px;
}

Link Settings icon in Android

// build.gradle
implementation("com.microsoft.design:fluent-system-icons:1.1.341@aar")

<!-- layout XML -->
<ImageView android:src="@drawable/ic_fluent_link_settings_24_regular" />

// Kotlin
R.drawable.ic_fluent_link_settings_24_regular

Link Settings icon in iOS

# Podfile
pod "FluentIcons", "1.1.341"

import FluentIcons

UIImage(fluent: .linkSettings24Regular)

Link Settings icon in Power Apps

Paste into an Image control's Image property. The Copy button copies the full formula with this icon's SVG.

"data:image/svg+xml;utf8, " & EncodeUrl("<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'>…</svg>")

Use the Link Settings icon in React

Install Microsoft's @fluentui/react-icons package, then import the component. Icons inherit the current text color, and you can size them with CSS.

npm install @fluentui/react-icons

import { LinkSettings24Regular, LinkSettings24Filled } from "@fluentui/react-icons";

export function Example() {
  return <LinkSettings24Regular aria-label="Link Settings" />;
}

Coding agents can look up this component through the Fluent Icons MCP server.

Use it in HTML

Reference the SVG file directly:

<img src="https://fluenticons.co/icons/ic_fluent_link_settings_24_regular.svg" width="24" height="24" alt="Link Settings">

Or paste the SVG markup inline. Setting fill="currentColor" makes the icon follow the text color of its parent:

<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.25 5C9.66421 5 10 5.33579 10 5.75C10 6.12656 9.72249 6.4383 9.36083 6.49187L9.25 6.5H7C5.067 6.5 3.5 8.067 3.5 10C3.5 11.864 4.95707 13.3876 6.79435 13.4941L7 13.5H9.25C9.66421 13.5 10 13.8358 10 14.25C10 14.6266 9.72249 14.9383 9.36083 14.9919L9.25 15H7C4.23858 15 2 12.7614 2 10C2 7.32226 4.10496 5.13615 6.75045 5.00612L7 5H9.25ZM17 5C19.7614 5 22 7.23858 22 10C22 10.8381 21.7938 11.628 21.4294 12.3217C21.0316 12.0194 20.5978 11.7618 20.1357 11.5566C20.3689 11.0877 20.5 10.5592 20.5 10C20.5 8.13604 19.0429 6.6124 17.2057 6.50594L17 6.5H14.75C14.3358 6.5 14 6.16421 14 5.75C14 5.37344 14.2775 5.0617 14.6392 5.00813L14.75 5H17ZM7 9.25H17C17.4142 9.25 17.75 9.58579 17.75 10C17.75 10.3797 17.4678 10.6935 17.1018 10.7432L17 10.75H7C6.58579 10.75 6.25 10.4142 6.25 10C6.25 9.6203 6.53215 9.30651 6.89823 9.25685L7 9.25ZM14.2782 13.9756C14.593 15.0659 13.9386 16.1993 12.837 16.4718L12.2528 16.6164C12.2079 16.9041 12.1846 17.1992 12.1846 17.5001C12.1846 17.8147 12.2101 18.1232 12.2592 18.4235L12.7986 18.5534C13.9111 18.8213 14.5725 19.9663 14.2486 21.0639L14.0623 21.6951C14.5014 22.0808 15.0019 22.3939 15.5464 22.6167L16.0397 22.098C16.8283 21.2687 18.1506 21.2689 18.9388 22.0985L19.4375 22.6232C19.9811 22.403 20.4811 22.0928 20.9204 21.7103L20.7223 21.0244C20.4076 19.9342 21.062 18.8007 22.1635 18.5282L22.7472 18.3838C22.7922 18.0961 22.8155 17.8009 22.8155 17.5001C22.8155 17.1853 22.7899 16.8767 22.7409 16.5764L22.2019 16.4466C21.0894 16.1787 20.4281 15.0337 20.7519 13.9362L20.9381 13.3053C20.499 12.9196 19.9985 12.6064 19.4539 12.3835L18.9608 12.9021C18.1722 13.7313 16.85 13.7311 16.0617 12.9016L15.5629 12.3767C15.0193 12.5969 14.5194 12.9071 14.0801 13.2894L14.2782 13.9756ZM17.5 19.0001C16.6994 19.0001 16.0504 18.3285 16.0504 17.5001C16.0504 16.6716 16.6994 16.0001 17.5 16.0001C18.3007 16.0001 18.9497 16.6716 18.9497 17.5001C18.9497 18.3285 18.3007 19.0001 17.5 19.0001Z" fill="currentColor"/></svg>

Details

NameLink Settings
StylesRegular (outlined), Filled
Sizes20 px, 24 px
Regular (outlined) fileic_fluent_link_settings_24_regular.svg
Filled fileic_fluent_link_settings_24_filled.svg
React (Regular)LinkSettings20Regular, LinkSettings24Regular
React (Filled)LinkSettings20Filled, LinkSettings24Filled
LicenseMIT (© Microsoft Corporation)

Keywords

editaddlinksharewebinternet

Related icons