Перейти к содержимому
SVG Nexus Векторные и 3D иконки
3d MIT 21 векторных узлов
Notebook - Fluent UI Emoji iconFree Notebook vector icon from the Fluent UI Emoji open-source icon library; 3d style, MIT licence, viewBox 0 0 32 32, 5721 bytes.
viewBox 0 0 32 32 Статичная
1. Цвет

Оригинальные цвета иконки сохраняются, пока вы не выберете новый цвет.

2. Фон холста и преобразования
3. Живые векторные анимации Включено в экспорт SVG
Править в SVG редакторе Открыть векторную студию
Fluent UI Emoji | 3D векторные иконки | viewBox="0 0 32 32" | Бесплатно для коммерческого использования

Иконка SVG: Тетрадь

Источник, автор и лицензия видны в просмотре и в деталях иконки. Тетрадь - Бесплатно для коммерческого и личного использования. Без Регистрации | 100% Обработка в Браузере

Мгновенная загрузка вектора и изображений высокого разрешения
Оригинальные цвета иконки сохраняются, пока вы не выберете новый цвет. fluentui-emoji-notebook.svg (6 155 B)
Быстрое копирование для разработчиков и UI фреймворков
Живой вывод кода 
<svg viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" width="36" height="36" role="img" aria-label="Notebook icon"><title>Notebook - Fluent UI Emoji icon</title><desc>Free Notebook vector icon from the Fluent UI Emoji open-source icon library; 3d style, MIT licence, viewBox 0 0 32 32, 5721 bytes.</desc>
<path d="M8 2H25C26.1046 2 27 2.89543 27 4V26H8V2Z" fill="url(#nx30896_paint0_linear_18_20913)"/>
<path d="M8 2H25C26.1046 2 27 2.89543 27 4V26H8V2Z" fill="url(#nx30896_paint1_linear_18_20913)"/>
<path d="M6.5 2C5.67157 2 5 2.67157 5 3.5V28H6C6 27.4477 6.44772 27 7 27H8V2H6.5Z" fill="url(#nx30896_paint2_linear_18_20913)"/>
<path d="M6.5 2C5.67157 2 5 2.67157 5 3.5V28H6C6 27.4477 6.44772 27 7 27H8V2H6.5Z" fill="url(#nx30896_paint3_radial_18_20913)"/>
<g filter="url(#nx30896_filter0_i_18_20913)">
<path d="M6.5 26C5.67157 26 5 26.6716 5 27.5V28.5C5 29.3284 5.67157 30 6.5 30H25.9077C26.5608 30 27 29.6655 27 29H7C6.44772 29 6 28.5523 6 28C6 27.4477 6.44772 27 7 27H27V26H6.5Z" fill="url(#nx30896_paint4_linear_18_20913)"/>
</g>
<g filter="url(#nx30896_filter1_f_18_20913)">
<rect x="22.8151" y="2.32812" width="0.73177" height="23.5938" fill="#3B2D4A"/>
</g>
<g filter="url(#nx30896_filter2_f_18_20913)">
<rect width="1" height="3.9375" transform="matrix(1 0 0 -1 22.8151 29.8594)" fill="#42215F"/>
</g>
<path d="M12.4375 6.96875C12.4375 6.41647 12.8852 5.96875 13.4375 5.96875H18.6875C19.2398 5.96875 19.6875 6.41647 19.6875 6.96875V9.03125C19.6875 9.58353 19.2398 10.0312 18.6875 10.0312H13.4375C12.8852 10.0312 12.4375 9.58353 12.4375 9.03125V6.96875Z" fill="#DED7E6"/>
<path d="M27 29V27H7C6.44772 27 6 27.4477 6 28C6 28.5523 6.44772 29 7 29H27Z" fill="url(#nx30896_paint5_linear_18_20913)"/>
<path d="M27 29V27H7C6.44772 27 6 27.4477 6 28C6 28.5523 6.44772 29 7 29H27Z" fill="url(#nx30896_paint6_linear_18_20913)"/>
<path d="M27 29V27H7C6.44772 27 6 27.4477 6 28C6 28.5523 6.44772 29 7 29H27Z" fill="url(#nx30896_paint7_radial_18_20913)"/>
<rect width="1" height="4.07812" transform="matrix(1 0 0 -1 23.0469 30)" fill="url(#nx30896_paint8_linear_18_20913)"/>
<rect x="23.0469" y="2" width="1" height="23.9219" fill="url(#nx30896_paint9_linear_18_20913)"/>
<defs>
<filter id="nx30896_filter0_i_18_20913" x="5" y="26" width="22" height="4.1" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="0.1"/>
<feGaussianBlur stdDeviation="0.15"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.294118 0 0 0 0 0.133333 0 0 0 0 0.419608 0 0 0 1 0"/>
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_18_20913"/>
</filter>
<filter id="nx30896_filter1_f_18_20913" x="22.3151" y="1.82812" width="1.73175" height="24.5938" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur stdDeviation="0.25" result="effect1_foregroundBlur_18_20913"/>
</filter>
<filter id="nx30896_filter2_f_18_20913" x="22.3151" y="25.4219" width="2" height="4.9375" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur stdDeviation="0.25" result="effect1_foregroundBlur_18_20913"/>
</filter>
<linearGradient id="nx30896_paint0_linear_18_20913" x1="17.5" y1="2" x2="17.5" y2="26" gradientUnits="userSpaceOnUse">
<stop stop-color="#5D4573"/>
<stop offset="1" stop-color="#4B3E59"/>
</linearGradient>
<linearGradient id="nx30896_paint1_linear_18_20913" x1="28.69" y1="5.38238" x2="25.9803" y2="5.47916" gradientUnits="userSpaceOnUse">
<stop offset="0.408703" stop-color="#7B698D"/>
<stop offset="1" stop-color="#7B698D" stop-opacity="0"/>
</linearGradient>
<linearGradient id="nx30896_paint2_linear_18_20913" x1="5.20532" y1="16.7376" x2="8" y2="16.7376" gradientUnits="userSpaceOnUse">
<stop stop-color="#50475B"/>
<stop offset="1" stop-color="#453C4F"/>
</linearGradient>
<radialGradient id="nx30896_paint3_radial_18_20913" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(5.39887 26.6735) rotate(-90) scale(6.6454 1.17096)">
<stop stop-color="#51475C"/>
<stop offset="1" stop-color="#51475C" stop-opacity="0"/>
</radialGradient>
<linearGradient id="nx30896_paint4_linear_18_20913" x1="6.43117" y1="28.9639" x2="27" y2="28.9316" gradientUnits="userSpaceOnUse">
<stop stop-color="#512F70"/>
<stop offset="1" stop-color="#4F2D6D"/>
</linearGradient>
<linearGradient id="nx30896_paint5_linear_18_20913" x1="6.7215" y1="28.4155" x2="26.819" y2="28.4155" gradientUnits="userSpaceOnUse">
<stop stop-color="#D5BCEB"/>
<stop offset="1" stop-color="#DCCCED"/>
<stop offset="1" stop-color="#E3D3F2"/>
</linearGradient>
<linearGradient id="nx30896_paint6_linear_18_20913" x1="16.25" y1="26.738" x2="16.25" y2="28.1574" gradientUnits="userSpaceOnUse">
<stop stop-color="#9F84AE"/>
<stop offset="1" stop-color="#C5B1D6" stop-opacity="0"/>
</linearGradient>
<radialGradient id="nx30896_paint7_radial_18_20913" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(23.1562 27.2188) rotate(90) scale(3.03125 0.749998)">
<stop stop-color="#937BAD"/>
<stop offset="1" stop-color="#B9A2C9" stop-opacity="0"/>
</radialGradient>
<linearGradient id="nx30896_paint8_linear_18_20913" x1="0" y1="1.81047" x2="1" y2="1.81047" gradientUnits="userSpaceOnUse">
<stop offset="0.339349" stop-color="#7D56C2"/>
<stop offset="0.788086" stop-color="#8C6CCC"/>
</linearGradient>
<linearGradient id="nx30896_paint9_linear_18_20913" x1="23.0469" y1="13.1976" x2="24.2837" y2="13.1976" gradientUnits="userSpaceOnUse">
<stop offset="0.373321" stop-color="#8168B6"/>
<stop offset="0.868068" stop-color="#A38AD4"/>
</linearGradient>
</defs>
</svg>
Промпт ИИ и улучшение вектора

Хотите улучшить или изменить стиль этой иконки? Тетрадь

Создайте точный инженерный промпт или улучшите иконку на холсте прямо сейчас. Тетрадь

Открыть в генераторе иконок с ИИ
Генератор промптов полностью в браузере
SVG-иконка Тетрадь - Fluent UI Emoji (MIT)
Проверка источника и лицензии LICENSE.txt

Library: Fluent UI Emoji | Author: Microsoft Corporation | License: MIT | Source: https://github.com/microsoft/fluentui-emoji | Без Регистрации | 100% Обработка в Браузере

Ключевые слова
#fluentui #emoji #notebook #3d

Тетрадь - Технические характеристики вектора

Источник, автор и лицензия видны в просмотре и в деталях иконки. Тетрадь

Канонический идентификатор файла fluentui-emoji/fluentui-emoji-notebook
Исходный пакет библиотеки Fluent UI Emoji
Сетка координат и viewBox viewBox="0 0 32 32"
Размер без сжатия 6 155 bytes (~3 385 bytes gzipped)
Лицензия SPDX и коммерческое использование MIT - Бесплатно для коммерческого использования
Upstream Source https://github.com/microsoft/fluentui-emoji
Поддерживаемые форматы экспорта SVG, PNG (32px-2048px), WebP, ICO, React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask, Base64
Гарантия безопасности и приватности Без Регистрации | 100% Обработка в Браузере

Как использовать и настроить эту иконку: Тетрадь

  1. Настройте визуально: Цвет, Авто (линия и заливка), Толщина линии (0.5px-4px), Живые векторные анимации
  2. Скачайте вектор или картинку: Скачать SVG, PNG (прозрачный), WebP (оптимизированный) (2048x2048 px)
  3. Скопируйте код для фреймворка: Копируйте готовый код для React, Next.js, Vue 3, Svelte, Angular, HTML и CSS масок.
  4. Глубокая векторная правка: Править в SVG редакторе (77 087)
Совет по доступности (WCAG 2.1): Скрывайте декоративные значки через aria-hidden и focusable false. Давайте кнопкам без текста понятный aria-label. Отражайте стрелки по горизонтали для языков справа налево. fluentui-emoji-notebook.svg aria-hidden="true" focusable="false"

Совпадения в других библиотеках ("Тетрадь")

Сравните иконку с другими открытыми векторными библиотеками.

Больше в 3D векторные иконки

Смотреть

Смотреть ещё

Часто задаваемые вопросы

Тетрадь - Часто задаваемые вопросы

Какая лицензия распространяется на Тетрадь? +

Тетрадь происходит из Fluent UI Emoji и распространяется по MIT. Указание авторства: Атрибуция обязательна.

В каких форматах можно скачать Тетрадь? +

Тетрадь — вектор в стиле 3d (viewBox 0 0 32 32). Скачайте SVG, PNG, WebP или ICO либо скопируйте код React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask или Base64 с этой страницы.

Откуда взялась иконка Тетрадь? +

Тетрадь входит в библиотеку Fluent UI Emoji от Microsoft Corporation, в категории 3D векторные иконки. Полный текст лицензии находится в файле уведомления библиотеки, ссылка на который есть на этой странице.

100% Обработка в Браузере | 77 087 иконок

Редактор SVG

Правьте контуры, слои, цвета и анимации в браузере, затем экспортируйте чистый SVG, PNG или код для фреймворков.

Открыть в редакторе Все иконки (77 087)

Введите запрос для поиска среди 77 087 векторных иконок...

Навигация | Enter чтобы открыть Все иконки

Сравнить

Источник и лицензия иконки

Лицензия Коммерческое использование Указание авторства Правка или перекраска
MITРазрешеноУведомление в сборкеРазрешено
ISCРазрешеноУведомление в сборкеРазрешено
Apache-2.0РазрешеноОбязательно с файлом уведомленияРазрешено
CC BY 4.0РазрешеноНужна атрибуцияРазрешено
CC-BY-SA-4.0РазрешеноСохранение условийСохранение условий
Trademark / BrandТолько справочное использованиеПравила владельцаОграничено

Предпросмотр иконки