Иконка Microsoft Onenote 2018

selfhst:microsoft-onenote-2018

Иконка Microsoft Onenote 2018 (selfhst:microsoft-onenote-2018) — бесплатная SVG-иконка из набора selfh.st/icons от selfh.st. Она нарисована на сетке 512 × 512. selfh.st/icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: selfh.st/icons
Автор: selfh.st
Лицензия: CC-BY-4.0
Размер: 512 × 512
Теги: microsoftonenote

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#ca64ea" d="M392.9 494.1h-252c-12 0-21.8-9.8-21.8-21.8V39.7c0-12 9.8-21.8 21.8-21.8h349.3c12 0 21.8 9.8 21.8 21.8V137z"/><path fill="#ae4bd5" d="m512 256l-59.5 35.7l-59.6-35.7V136.9H512z"/><path fill="#9332bf" d="m512 375.1l-59.5 35.7l-59.5-35.7V256h119z"/><path fill="#7719aa" d="M392.9 375.1H512v96.7c0 12.3-10 22.3-22.3 22.3H393v-119z"/><path d="M263.9 113.1H119.1v297.7H264c12 0 21.8-9.8 21.8-21.8V135c-.1-12.1-9.8-21.8-21.9-21.9" opacity=".2"/><path d="M252 125H119v297.7h133c12 0 21.8-9.8 21.8-21.8v-254c0-12.1-9.7-21.8-21.8-21.9" opacity=".2"/><path d="M252 125H119v273.9h133c12 0 21.8-9.8 21.8-21.8V146.8c0-12-9.7-21.7-21.8-21.8" opacity=".5"/><path d="M240.1 125h-121v273.9h121.1c12 0 21.8-9.8 21.8-21.8V146.8c-.1-12-9.8-21.7-21.9-21.8" opacity=".5"/><linearGradient id="SVGnfS5Qcjm" x1="45.489" x2="216.395" y1="2169.369" y2="1873.367" gradientTransform="matrix(1 0 0 -1 0 2277.333)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#8324b3"/><stop offset=".5" stop-color="#7a1bac"/><stop offset="1" stop-color="#621197"/></linearGradient><path fill="url(#SVGnfS5Qcjm)" d="M21.8 125h218.3c12.1 0 21.8 9.8 21.8 21.8v218.3c0 12.1-9.8 21.8-21.8 21.8H21.8C9.8 387 0 377.2 0 365.2V146.8c0-12 9.8-21.8 21.8-21.8"/><path fill="#fff" d="M71.8 185.1h29.6l58.1 94.1q3.9 6.3 6 10.2h.4c-.7-6.4-1-12.8-.9-19.3v-85h25.2V327h-27.7l-60.3-96.7c-2-3.2-3.8-6.5-5.4-10h-.5c.6 7 .9 14.1.8 21.2V327H71.8z"/></svg>

Как использовать иконку Microsoft Onenote 2018

React

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

<Icon icon="selfhst:microsoft-onenote-2018" width="24" />

Vue

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

<template>
  <Icon icon="selfhst:microsoft-onenote-2018" width="24" />
</template>

Svelte

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

<Icon icon="selfhst:microsoft-onenote-2018" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--microsoft-onenote-2018]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:microsoft-onenote-2018"></div>

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

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

<iconify-icon icon="selfhst:microsoft-onenote-2018"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/selfhst/microsoft-onenote-2018.svg" alt="Иконка Microsoft Onenote 2018" width="24" height="24">

Вопросы и ответы: Иконка Microsoft Onenote 2018

Можно ли бесплатно использовать иконку Microsoft Onenote 2018 в коммерческих проектах?

Да. selfh.st/icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.

Как использовать иконку Microsoft Onenote 2018 в React?

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

Как добавить иконку Microsoft Onenote 2018 на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/selfhst/microsoft-onenote-2018.svg" alt="Иконка Microsoft Onenote 2018">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все selfh.st/icons →