Иконка Wand Rays
f7:wand-rays
Иконка Wand Rays (f7:wand-rays) — бесплатная SVG-иконка из набора Framework7 Icons от Vladimir Kharlampidi. Она нарисована на сетке 56 × 56. Framework7 Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Framework7 Icons
- Автор
- Vladimir Kharlampidi
- Лицензия
- MIT
- Размер
- 56 × 56
- Теги
- wandrays, ray
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="56" height="56" viewBox="0 0 56 56"><path fill="currentColor" d="M30.027 5.066c0-1.101-.937-2.039-2.039-2.039c-1.101 0-2.039.938-2.039 2.04v7.218c0 1.125.938 2.063 2.04 2.063c1.1 0 2.038-.938 2.038-2.063Zm7.547 10.454c-.773.773-.773 2.085 0 2.882c.797.774 2.133.774 2.907 0l5.109-5.11a2.065 2.065 0 0 0 0-2.905c-.774-.774-2.086-.774-2.883 0Zm-22.078 2.882c.774.774 2.086.774 2.86 0c.796-.797.796-2.11 0-2.883l-5.063-5.109c-.773-.773-2.086-.797-2.883-.023c-.773.773-.773 2.086 0 2.883ZM46.95 50.77c.985 1.007 2.672 1.007 3.61 0a2.597 2.597 0 0 0 0-3.61L28.293 24.8c-.984-.984-2.695-.984-3.61 0c-.984 1.032-.96 2.65 0 3.634ZM5.066 25.95c-1.101 0-2.039.937-2.039 2.038c0 1.102.938 2.04 2.04 2.04h7.242c1.125 0 2.062-.938 2.062-2.04c0-1.101-.937-2.039-2.062-2.039Zm45.844 4.077c1.102 0 2.063-.937 2.063-2.039c0-1.101-.961-2.039-2.063-2.039h-7.219c-1.125 0-2.062.938-2.062 2.04c0 1.1.937 2.038 2.062 2.038Zm-17.578 4.641l-6.89-6.89c-.422-.422-.516-.868-.141-1.29c.422-.375.867-.281 1.312.164l6.868 6.89Zm-22.945 8.016c-.774.773-.797 2.109-.024 2.882c.774.774 2.11.797 2.907.024l5.085-5.11a2.01 2.01 0 0 0 0-2.859c-.75-.797-2.085-.797-2.859 0Zm19.64 1.03c0-1.124-.937-2.062-2.039-2.062c-1.101 0-2.039.938-2.039 2.063v7.219c0 1.101.938 2.039 2.04 2.039c1.1 0 2.038-.938 2.038-2.04Z"/></svg>Как использовать иконку Wand Rays
React
import { Icon } from "@iconify/react";
<Icon icon="f7:wand-rays" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="f7:wand-rays" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="f7:wand-rays" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[f7--wand-rays]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/f7 -->
<div class="i-f7:wand-rays"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="f7:wand-rays"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/f7/wand-rays.svg" alt="Иконка Wand Rays" width="24" height="24">Похожие иконки в наборе Framework7 Icons
Вопросы и ответы: Иконка Wand Rays
Можно ли бесплатно использовать иконку Wand Rays в коммерческих проектах?
Да. Framework7 Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Wand Rays в React?
Установите @iconify/react и выведите <Icon icon="f7:wand-rays" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Wand Rays на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/f7/wand-rays.svg" alt="Иконка Wand Rays">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.