Иконка Treasure Chest Flat
streamline-plump-color:treasure-chest-flat
Иконка Treasure Chest Flat (streamline-plump-color:treasure-chest-flat) — бесплатная SVG-иконка из набора Plump color icons от Streamline. Она нарисована на сетке 48 × 48. Plump color icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Plump color icons
- Автор
- Streamline
- Лицензия
- CC-BY-4.0
- Размер
- 48 × 48
- Категория
- Деньги и покупки
- Теги
- treasurechest, chestflat, treasurechestflat
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none"><path fill="#8fbffa" d="M24 46.5c8.647 0 13.996-.667 17.068-1.27c2.777-.545 4.543-2.872 4.78-5.512c.291-3.245.652-8.685.652-15.718s-.36-12.473-.652-15.717c-.237-2.64-2.003-4.968-4.78-5.513C37.996 2.167 32.647 1.5 24 1.5s-13.996.667-17.068 1.27c-2.777.545-4.543 2.872-4.78 5.513C1.86 11.527 1.5 16.967 1.5 24s.36 12.473.652 15.718c.237 2.64 2.003 4.967 4.78 5.512c3.072.603 8.421 1.27 17.068 1.27"/><path fill="#2859c5" fill-rule="evenodd" d="M15.951 46.278c-.027-.37-.065-.913-.112-1.613a410 410 0 0 1-.835-23.826C17.8 20.936 20.849 21 24 21s6.201-.065 8.995-.163a410 410 0 0 1-.492 17.852a362 362 0 0 1-.454 7.588c1.5-.09 2.84-.201 4.033-.326l.07-1.024c.094-1.429.22-3.493.346-6.041c.233-4.726.466-11.122.498-18.215c1.15-.056 2.23-.115 3.225-.174a271 271 0 0 0 6.24-.442a182 182 0 0 0-.12-4.004a267 267 0 0 1-6.358.453C35.794 16.752 30.085 17 24 17s-11.794-.248-15.984-.496a267 267 0 0 1-6.358-.453q-.077 1.87-.12 4.004a271 271 0 0 0 6.241.442c.995.059 2.075.118 3.225.174c.032 7.093.266 13.489.498 18.215a366 366 0 0 0 .416 7.065c1.193.125 2.533.236 4.033.326Z" clip-rule="evenodd"/><path fill="#2859c5" d="M22.954 13.016c-1.67.052-2.866 1.374-2.915 3.045A102 102 0 0 0 20 19c0 1.17.016 2.146.04 2.939c.048 1.671 1.243 2.993 2.914 3.045a34 34 0 0 0 2.092 0c1.671-.052 2.866-1.374 2.915-3.045c.023-.793.039-1.768.039-2.939c0-1.17-.016-2.146-.04-2.939c-.048-1.671-1.243-2.993-2.914-3.045a34 34 0 0 0-2.092 0"/></g></svg>Как использовать иконку Treasure Chest Flat
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-plump-color:treasure-chest-flat" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-plump-color:treasure-chest-flat" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-plump-color:treasure-chest-flat" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump-color--treasure-chest-flat]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-plump-color -->
<div class="i-streamline-plump-color:treasure-chest-flat"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-plump-color:treasure-chest-flat"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/streamline-plump-color/treasure-chest-flat.svg" alt="Иконка Treasure Chest Flat" width="24" height="24">Похожие иконки в наборе Plump color icons
Иконка Treasure Chest Flat в других наборах
Вопросы и ответы: Иконка Treasure Chest Flat
Можно ли бесплатно использовать иконку Treasure Chest Flat в коммерческих проектах?
Да. Plump color icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.
Как использовать иконку Treasure Chest Flat в React?
Установите @iconify/react и выведите <Icon icon="streamline-plump-color:treasure-chest-flat" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Treasure Chest Flat на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/streamline-plump-color/treasure-chest-flat.svg" alt="Иконка Treasure Chest Flat">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.