Иконка Settings Dot Sharp Fill

keyline-icons:settings-dot-sharp-fill

Иконка Settings Dot Sharp Fill (keyline-icons:settings-dot-sharp-fill) — бесплатная SVG-иконка из набора Keyline Icons. Она нарисована на сетке 24 × 24. Keyline Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Keyline Icons
Автор: Keyline Icons
Лицензия: MIT
Размер: 24 × 24
Теги: settingsdot, dotsharp, sharpfill, settingsdotsharpfill, setting

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M21.5 11.5L21.5 14C21.5 14.5523 21.0523 15 20.5 15L18.6155 15C18.5077 15 18.5997 14.925 18.5334 15.1042C18.4692 15.2775 18.3914 15.4654 18.3145 15.6324C18.2348 15.8057 18.2227 15.6874 18.2989 15.7636L19.6319 17.0966C20.0224 17.4871 20.0224 18.1203 19.6319 18.5108L17.5108 20.6319C17.1203 21.0224 16.4871 21.0224 16.0966 20.6319L14.7636 19.2989C14.6874 19.2227 14.8053 19.2347 14.6314 19.3146C14.465 19.3911 14.2769 19.469 14.1034 19.533C13.9248 19.599 14 19.5067 14 19.6145L14 21.5C14 22.0523 13.5523 22.5 13 22.5L10 22.5C9.4477 22.5 9 22.0523 9 21.5L9 19.6145C9 19.5067 9.0754 19.5992 8.8967 19.5333C8.7231 19.4692 8.5349 19.3914 8.3679 19.3147C8.194 19.2349 8.3118 19.2229 8.2356 19.2991L6.9036 20.6317C6.5131 21.0224 5.8798 21.0225 5.4892 20.6319L3.3682 18.5109C2.9778 18.1205 2.9777 17.4875 3.368 17.0969L4.7003 15.7637C4.7765 15.6875 4.7644 15.8055 4.6846 15.6319C4.6081 15.4651 4.5303 15.2773 4.4661 15.1038C4.4 14.9248 4.4923 15 4.3845 15L2.5 15C1.9477 15 1.5 14.5523 1.5 14L1.5 11C1.5 10.4477 1.9477 10 2.5 10L4.3845 10C4.4923 10 4.3999 10.0753 4.4659 9.8966C4.5299 9.7233 4.6077 9.5347 4.6848 9.3672C4.7643 9.1939 4.7763 9.3116 4.7001 9.2354L3.3681 7.9034C2.9776 7.5129 2.9776 6.8797 3.3681 6.4892L5.4892 4.3681C5.8797 3.9776 6.5129 3.9776 6.9034 4.3681L8.2354 5.7001C8.3116 5.7763 8.1939 5.7643 8.368 5.6844C8.5347 5.6077 8.7233 5.5299 8.8966 5.4659C9.0753 5.3999 9 5.4923 9 5.3845L9 3.5C9 2.9477 9.4477 2.5 10 2.5L12.5 2.5L12.5 5.5C12.5 8.8137 15.1863 11.5 18.5 11.5L21.5 11.5ZM22.5 5.5C22.5 7.7091 20.7091 9.5 18.5 9.5C16.2909 9.5 14.5 7.7091 14.5 5.5C14.5 3.2909 16.2909 1.5 18.5 1.5C20.7091 1.5 22.5 3.2909 22.5 5.5ZM11.5 9C9.7051 9 8 10.7051 8 12.5C8 14.2949 9.7051 16 11.5 16C13.2949 16 15 14.2949 15 12.5C15 10.7051 13.2949 9 11.5 9ZM18.5 3.5C17.3954 3.5 16.5 4.3954 16.5 5.5C16.5 6.6046 17.3954 7.5 18.5 7.5C19.6046 7.5 20.5 6.6046 20.5 5.5C20.5 4.3954 19.6046 3.5 18.5 3.5Z" clip-rule="evenodd"/></svg>

Как использовать иконку Settings Dot Sharp Fill

React

import { Icon } from "@iconify/react";

<Icon icon="keyline-icons:settings-dot-sharp-fill" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="keyline-icons:settings-dot-sharp-fill" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="keyline-icons:settings-dot-sharp-fill" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--settings-dot-sharp-fill]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:settings-dot-sharp-fill"></div>

Веб-компонент

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="keyline-icons:settings-dot-sharp-fill"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/keyline-icons/settings-dot-sharp-fill.svg" alt="Иконка Settings Dot Sharp Fill" width="24" height="24">

Вопросы и ответы: Иконка Settings Dot Sharp Fill

Можно ли бесплатно использовать иконку Settings Dot Sharp Fill в коммерческих проектах?

Да. Keyline Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Settings Dot Sharp Fill в React?

Установите @iconify/react и выведите <Icon icon="keyline-icons:settings-dot-sharp-fill" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Settings Dot Sharp Fill на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/keyline-icons/settings-dot-sharp-fill.svg" alt="Иконка Settings Dot Sharp Fill">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Keyline Icons →