ICONYZ
Русский
Иконка Radio Button Partial из набора Material Symbols

Иконка Radio Button Partial

material-symbols:radio-button-partial

Иконка Radio Button Partial (material-symbols:radio-button-partial) — бесплатная SVG-иконка из набора Material Symbols от Google. Она нарисована на сетке 24 × 24. Material Symbols icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор
Material Symbols
Автор
Google
Лицензия
Apache-2.0
Размер
24 × 24
Категория
Действия интерфейса
Теги
radiobutton, buttonpartial, radiobuttonpartial, radio button partial outline, radio button partial outline rounded, radio button partial outline sharp, radio button partial rounded, radio button partial sharp
Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12 17V7Q9.925 7 8.463 8.463T7 12t1.463 3.538T12 17m0 5q-2.075 0-3.9-.788t-3.175-2.137T2.788 15.9T2 12t.788-3.9t2.137-3.175T8.1 2.788T12 2t3.9.788t3.175 2.137T21.213 8.1T22 12t-.788 3.9t-2.137 3.175t-3.175 2.138T12 22m0-2q3.35 0 5.675-2.325T20 12t-2.325-5.675T12 4T6.325 6.325T4 12t2.325 5.675T12 20"/></svg>

Как использовать иконку Radio Button Partial

React

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

<Icon icon="material-symbols:radio-button-partial" width="24" />

Vue

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

<template>
  <Icon icon="material-symbols:radio-button-partial" width="24" />
</template>

Svelte

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

<Icon icon="material-symbols:radio-button-partial" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols--radio-button-partial]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/material-symbols -->
<div class="i-material-symbols:radio-button-partial"></div>

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

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

<iconify-icon icon="material-symbols:radio-button-partial"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/material-symbols/radio-button-partial.svg" alt="Иконка Radio Button Partial" width="24" height="24">

Похожие иконки в наборе Material Symbols

Иконка Radio Button Partial в других наборах

Вопросы и ответы: Иконка Radio Button Partial

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

Да. Material Symbols icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Radio Button Partial в React?

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

Как добавить иконку Radio Button Partial на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/material-symbols/radio-button-partial.svg" alt="Иконка Radio Button Partial">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки Material Symbols →