Иконка Oasis
game-icons:oasis
Иконка Oasis (game-icons:oasis) — бесплатная SVG-иконка из набора Game Icons от GameIcons. Она нарисована на сетке 512 × 512. Game Icons выпущены под лицензией CC BY 3.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Game Icons
- Автор
- GameIcons
- Лицензия
- CC-BY-3.0
- Размер
- 512 × 512
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M307.4 20.97c-21.7-.15-43.9 3.68-64.9 9.72C296.7 39.1 344.7 55 364.3 80.71c-39.8-9.4-74.5 34.19-75.7 69.09c23.4-24.2 47.8-41.4 87.4-43.7c27.9 56.7 5.1 141.1 7.6 199.7c.6 15.3 47.8 24.6 47.2 10.1c-.2-51.5-4-145-25.8-208.1c38.8 7.3 74.1 33 74.1 33c-1.1-23-26.9-48.99-58.6-53.59c7.7-9.6 27-24.9 71.1-26.71c-23.4-18.4-59.9-17.7-88.3 2.31c-25.1-30.36-59.8-41.61-95.9-41.84m-153 35.84c-18.3.1-36.9 6.89-56.35 21.82c-25.99-18.58-56.2-25.59-77.61-8.5c40.35 1.68 49.53 21.74 56.57 30.57c-29 4.3-50.49 25.9-51.49 47.1c0 0 34.94-13.1 70.44-19.9c-19.94 58.5-20.49 91.1-20.68 139c.57 11.5 41.52 17.8 42.22 1.5c2.3-54.5-13.6-79.4 2.4-134.1c11.5-5.9 52.2.5 73.6 23c-1.1-32.3-19-64.41-55.4-55.7c9.4-18.03 26.8-21.13 78-20.99c-20.7-15.28-41-23.87-61.7-23.8m50.4 227.69c-22.3-.1-44.3 3.4-65.2 12.2c-57.09 24.2-85.37 48.5-90.55 75.7c-2.58 13.6 1.58 26.9 9.74 38.2s20.17 21.1 34.67 29.9c58.04 35.1 156.94 55.3 222.24 49.6c26.6-2.3 62.7-7 93.7-18.4c15.4-5.8 29.7-13.2 40.8-23.4c11-10.3 18.8-23.7 20-39.7v-.1c1-14.1-4.2-26.7-12.6-36.5s-19.8-17.4-32.3-23.8c-25.1-12.9-55.1-21.3-76.5-29.3c-44-16.5-94.8-34.2-144-34.4m11.2 18.7c12.3.8 24.9 2.6 37.4 5.2c-70.8 23.9-127.7 59.7-171.65 101c-4.55-4.4-8.4-8.9-11.35-14c39-36.4 87.3-68.4 145.6-92.2m58.3 10.1c17.4 4.6 34.7 10.3 51.4 16.3c-71.7 31.2-138.6 65.8-192.3 110.7c-12.8-5.3-24-11.3-34.64-17.7c50.54-45 111.14-79.4 175.54-109.3"/></svg>Как использовать иконку Oasis
React
import { Icon } from "@iconify/react";
<Icon icon="game-icons:oasis" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="game-icons:oasis" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="game-icons:oasis" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--oasis]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:oasis"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="game-icons:oasis"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/game-icons/oasis.svg" alt="Иконка Oasis" width="24" height="24">Иконка Oasis в других наборах
Вопросы и ответы: Иконка Oasis
Можно ли бесплатно использовать иконку Oasis в коммерческих проектах?
Да. Game Icons выпущены под лицензией CC BY 3.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.
Как использовать иконку Oasis в React?
Установите @iconify/react и выведите <Icon icon="game-icons:oasis" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Oasis на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/game-icons/oasis.svg" alt="Иконка Oasis">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.