Иконка Note Plus Outline

mdi:note-plus-outline

Иконка Note Plus Outline (mdi:note-plus-outline) — бесплатная SVG-иконка из набора Material Design Icons от Pictogrammers. Она нарисована на сетке 24 × 24. Material Design Icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Material Design Icons
Автор: Pictogrammers
Лицензия: Apache-2.0
Размер: 24 × 24
Теги: note add outline, paper plus outline, paper add outline, sticky note plus outline, sticky note add outline, post it note plus outline, post it note add outline, noteplus, plusoutline, noteplusoutline

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M5 19V5h7v7h7v1c.7 0 1.37.13 2 .35V9l-6-6H5c-1.11 0-2 .89-2 2v14a2 2 0 0 0 2 2h8.35c-.22-.63-.35-1.3-.35-2zm9-14.5l5.5 5.5H14zM23 18v2h-3v3h-2v-3h-3v-2h3v-3h2v3z"/></svg>

Как использовать иконку Note Plus Outline

React

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

<Icon icon="mdi:note-plus-outline" width="24" />

Vue

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

<template>
  <Icon icon="mdi:note-plus-outline" width="24" />
</template>

Svelte

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

<Icon icon="mdi:note-plus-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[mdi--note-plus-outline]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/mdi -->
<div class="i-mdi:note-plus-outline"></div>

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

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

<iconify-icon icon="mdi:note-plus-outline"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/mdi/note-plus-outline.svg" alt="Иконка Note Plus Outline" width="24" height="24">

Вопросы и ответы: Иконка Note Plus Outline

Можно ли бесплатно использовать иконку Note Plus Outline в коммерческих проектах?

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

Как использовать иконку Note Plus Outline в React?

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

Как добавить иконку Note Plus Outline на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/mdi/note-plus-outline.svg" alt="Иконка Note Plus Outline">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Material Design Icons →