ICONYZ
Русский
Иконка Paper Background из набора Web3 Icons Branded

Иконка Paper Background

token-branded:paper-background

Иконка Paper Background (token-branded:paper-background) — бесплатная SVG-иконка из набора Web3 Icons Branded от 0xa3k5. Она нарисована на сетке 24 × 24. Web3 Icons Branded icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор
Web3 Icons Branded
Автор
0xa3k5
Лицензия
MIT
Размер
24 × 24
Теги
paperbackground
Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><g clip-path="url(#SVGHcSWxdhd)"><path fill="#f00a19" d="M24 0H0v24h24z"/><path fill="#fff" fill-rule="evenodd" d="M18.908 15.14q-.279.697-.565 1.1c-.21.286-.45.586-.715.89c-.1.126-.2.25-.285.376c-.19.285-.38.41-.67.55a1.6 1.6 0 0 0-.35.23c-1.15 1-2.5 1.56-4.02 1.67c-1.236.095-2.411.075-3.491-.46c-.21-.1-.42-.16-.635-.21a5 5 0 0 1-.43-.125a4.04 4.04 0 0 1-1.77-1.42l-1.065-1.425a2 2 0 0 1-.305-.63c-.19-.66-.29-1.33-.39-1.995l-.055-.35q-.046-.286-.055-.566c-.01-.14-.03-.284-.05-.43a2.7 2.7 0 0 1-.05-.66c.02-.265.12-.505.215-.75c.08-.2.16-.395.2-.6l.15-.7a.73.73 0 0 1 .17-.34a4.6 4.6 0 0 0 .665-1.035c.135-.255.27-.51.44-.75a7 7 0 0 1 1.81-1.75c.5-.335.965-.665 1.39-.975c.215-.16.435-.2.665-.235c.125-.02.25-.04.385-.08c1.075-.35 2.26-.575 3.385-.42c1.215.165 2.35.52 3.4 1.055c.19.1.38.25.576.465a42 42 0 0 1 1.43 1.65c.374.452.627.993.735 1.57l.3 1.21c.075.3.095.67.05 1.01q-.075.674-.06 1.415a1.85 1.85 0 0 1-.175.766a56 56 0 0 0-.83 1.95M6.817 9.63c.13-.27.275-.515.445-.73a10.1 10.1 0 0 1 2.3-2.155a3.45 3.45 0 0 1 1.635-.57c.215-.02.45-.08.71-.19c.21-.085.44-.125.685-.105c1.34.09 2.535.475 3.525 1.36c1.376 1.225 2.14 2.945 1.89 4.775c-.25 1.84-1.03 3.58-2.585 4.65c-.85.58-1.745 1.18-2.78 1.22a2.7 2.7 0 0 0-.72.166l-.2.065c-.155.045-.365.06-.525.035a8 8 0 0 1-3.255-1.325a3.8 3.8 0 0 1-1.125-1.475c-.215-.45-.45-.89-.7-1.306a.28.28 0 0 1-.02-.254c.2-.486.12-.98.035-1.49l-.005-.015c-.15-.91.23-1.7.615-2.5zm4.505 1.595c.18-.345.385-.795.345-1.17a2 2 0 0 1-.005-.31c0-.165 0-.33-.05-.5c-.16-.45-.555-.67-.92-.24a2.05 2.05 0 0 0-.25 2.09q.075.181.21.28c.185.135.55.07.67-.15m2.65-1.75c.82.43.12 1.755-.25 2.25a.32.32 0 0 1-.353.13a.3.3 0 0 1-.117-.065c-.255-.215-.275-.5-.3-.8a2.4 2.4 0 0 0-.035-.32c-.065-.355.145-.67.34-.965l.065-.095c.145-.22.43-.25.65-.135m.85 3.35c-.07.26-.15.49-.25.7c-.35.766-1.065 1.166-1.875 1.36a2.68 2.68 0 0 1-2.9-1.254q-.279-.451-.55-1.016c-.24-.5-.3-.84.265-1.155c.425-.24.22-.9-.27-.805c-.375.065-.685.03-.935-.12a.6.6 0 0 0-.3-.08c-.225 0-.385.225-.335.44q.036.166.11.325c.04.09.1.165.15.245c.1.14.2.28.2.47c0 1.016.49 1.93 1.17 2.69a4.23 4.23 0 0 0 2.41 1.31c.165.03.34.03.52-.01q.376-.077.7-.034a1.7 1.7 0 0 0 1.22-.395c.355-.275.69-.575.995-.91c.09-.1.2-.27.26-.395q.2-.462.445-.9q.174-.308.52-.526c.1-.06.19-.14.206-.255c.05-.34-.16-.785-.59-.7l-.115.03c-.23.055-.56.135-.72-.015c-.08-.08-.176-.085-.276-.02c-.215.145-.325.32-.32.525c0 .1.07.165.14.236c.08.074.155.15.125.26" clip-rule="evenodd"/></g><defs><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>

Как использовать иконку Paper Background

React

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

<Icon icon="token-branded:paper-background" width="24" />

Vue

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

<template>
  <Icon icon="token-branded:paper-background" width="24" />
</template>

Svelte

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

<Icon icon="token-branded:paper-background" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--paper-background]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:paper-background"></div>

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

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

<iconify-icon icon="token-branded:paper-background"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/token-branded/paper-background.svg" alt="Иконка Paper Background" width="24" height="24">

Похожие иконки в наборе Web3 Icons Branded

Иконка paper
paper

Вопросы и ответы: Иконка Paper Background

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

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

Как использовать иконку Paper Background в React?

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

Как добавить иконку Paper Background на веб-страницу?

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

Все Иконки Web3 Icons Branded →