Иконка Sonarr Light
selfhst:sonarr-light
Иконка Sonarr Light (selfhst:sonarr-light) — бесплатная 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
- Теги
- sonarrlight
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#fff" fill-rule="evenodd" d="M144.2 103.3c30.7 30.7 70 38.6 112.4 38.6c43.6 0 82.8-8.4 114.7-40.4c14.7-14.7 44.4-44.3 45.5-45.4C371.1 18.7 317.6 0 256.2 0c-60.8 0-114 18.5-159.8 55.5zM373 258.4c0 42.3 6.7 81.2 38.2 112.7c22.9 22.9 44.7 44.5 45 44.8c37-45.8 55.6-99.1 55.6-159.9c0-58.9-17.4-110.8-52.3-155.9L406.6 153c-30.9 31-33.6 57.9-33.6 105.4m-271.1 113c32.7-32.7 38-70.6 38-113.1c0-41.3-6.8-79.9-36.8-110c-20.1-20-47.6-47.2-49.7-49.4c-31.8 40.3-49.2 86.4-52.3 138.3c-.3.6-.5 1.1-.5 1.7C.3 244.3.2 250 .2 256c0 5.7.2 11.3.4 17c.5 10.2 1.7 20.3 3.4 30.2c7.3 42.1 24.8 80 52.7 113.6c.1-.2 23.2-23.4 45.2-45.4m269.6 46c-36.8-36.8-66.1-40.4-114.7-40.4c-46.7 0-78.4 4.3-112.6 38.5c-20.2 20.3-43.4 43.6-43.8 43.9c2.2 1.7 4.4 3.3 6.6 4.9c43 31.8 92.7 47.7 149.3 47.7q84.75 0 149.4-47.7c2.5-1.7 4.9-3.5 7.3-5.4zM186 269.1c-.5-2.8-.8-5.5-.9-8.4c-.1-1.6-.1-3.1-.1-4.7c0-1.7 0-3.2.1-4.7c0-.2 0-.3.1-.5c1-17.4 7.9-32.4 20.5-45.1c13.9-13.8 30.6-20.7 50.2-20.7s36.3 6.9 50.2 20.7c13.8 14 20.7 30.8 20.7 50.3s-6.9 36.2-20.7 50.2c-.5.5-1 1.1-1.5 1.5q-3.45 3.3-7.2 6q-18 13.2-41.4 13.2c-23.4 0-29.4-4.4-41.3-13.2c-3.1-2.2-6.1-4.7-8.9-7.6c-10.8-10.6-17.3-22.9-19.8-37"/><path fill="#fff" d="m375.2 143.5l-1.6-1.6v-.1L440 77.2l-1.4-1.4l-66.4 64.6l.7.7l-.7-.7h-.1l-1.9-1.9l-40 40.6l5 5zm-238.3 2.1l40.6 40.5l5-5l-40.6-40.5l-1.7 1.7l-66.4-66.1l-1.4 1.4l66.4 66.1zm234.9 223.9l-42.6-42.4l-5 5l42.6 42.4l1.8-1.8l65.6 67.8l1.4-1.4l-65.5-67.9zm-233.3 2.1l1.9 1.9l-64.3 64.4l1.4 1.4l64.4-64.5l1.6 1.6l39.5-41.1l-5-4.8z"/></svg>Как использовать иконку Sonarr Light
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:sonarr-light" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:sonarr-light" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:sonarr-light" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--sonarr-light]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:sonarr-light"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:sonarr-light"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/selfhst/sonarr-light.svg" alt="Иконка Sonarr Light" width="24" height="24">Похожие иконки в наборе selfh.st/icons
Вопросы и ответы: Иконка Sonarr Light
Можно ли бесплатно использовать иконку Sonarr Light в коммерческих проектах?
Да. selfh.st/icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.
Как использовать иконку Sonarr Light в React?
Установите @iconify/react и выведите <Icon icon="selfhst:sonarr-light" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Sonarr Light на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/selfhst/sonarr-light.svg" alt="Иконка Sonarr Light">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.