Иконка Subtitles Gear Rounded

material-symbols-light:subtitles-gear-rounded

Иконка Subtitles Gear Rounded (material-symbols-light:subtitles-gear-rounded) — бесплатная SVG-иконка из набора Material Symbols Light от Google. Она нарисована на сетке 24 × 24. Material Symbols Light icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Material Symbols Light
Автор: Google
Лицензия: Apache-2.0
Размер: 24 × 24
Категория: Аудио и видео
Теги: subtitlesgear, gearrounded, subtitlesgearrounded, subtitle

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m16.966 18.642l-.093-.796q-.415-.086-.784-.291t-.662-.52l-.763.32q-.152.062-.282.005q-.13-.058-.209-.18l-.065-.118q-.08-.128-.058-.285q.021-.158.142-.248l.646-.475q-.165-.427-.165-.881t.166-.88l-.628-.514q-.12-.09-.152-.236t.049-.272l.07-.125q.08-.121.216-.179t.289.004l.744.321q.275-.315.653-.51q.378-.196.793-.282l.093-.802q.017-.158.135-.255t.276-.097h.13q.159 0 .277.1t.135.258l.073.796q.416.086.794.284q.378.199.653.52l.732-.321q.158-.068.29-.01q.133.058.212.185l.085.119q.079.127.048.275t-.152.238l-.627.514q.165.415.165.875t-.165.875l.646.475q.121.09.143.245q.02.155-.058.282l-.072.125q-.078.121-.205.178q-.127.058-.279-.003l-.764-.322q-.294.316-.662.52t-.784.292l-.073.802q-.017.158-.135.255t-.276.097h-.131q-.158 0-.276-.1t-.135-.258m.457-1.661q.748 0 1.278-.53t.53-1.278t-.53-1.278t-1.278-.53t-1.278.53t-.53 1.278t.53 1.278t1.278.53M4.616 19q-.672 0-1.144-.472T3 17.385V6.615q0-.67.472-1.143Q3.944 5 4.616 5h14.769q.67 0 1.143.472q.472.472.472 1.144v2.413q0 .367-.316.548q-.317.18-.648.002q-.6-.306-1.254-.459q-.655-.153-1.34-.153q-1.31 0-2.45.496q-1.142.496-1.996 1.383h-2.919q-.213 0-.357.144t-.143.356q0 .196.123.331t.308.158h2.211q-.379.57-.615 1.218q-.237.647-.331 1.37H7.077q-.213 0-.357.143t-.143.357t.143.357t.357.143h4.177q.029.687.199 1.336t.474 1.254q.179.348.005.668t-.528.319zm2.818-7.297q.143-.144.143-.357t-.143-.357t-.357-.143t-.357.143t-.143.357q0 .213.143.357q.144.143.357.143t.357-.143"/></svg>

Как использовать иконку Subtitles Gear Rounded

React

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

<Icon icon="material-symbols-light:subtitles-gear-rounded" width="24" />

Vue

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

<template>
  <Icon icon="material-symbols-light:subtitles-gear-rounded" width="24" />
</template>

Svelte

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

<Icon icon="material-symbols-light:subtitles-gear-rounded" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--subtitles-gear-rounded]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:subtitles-gear-rounded"></div>

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

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

<iconify-icon icon="material-symbols-light:subtitles-gear-rounded"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/material-symbols-light/subtitles-gear-rounded.svg" alt="Иконка Subtitles Gear Rounded" width="24" height="24">

Иконка Subtitles Gear Rounded в других наборах

Вопросы и ответы: Иконка Subtitles Gear Rounded

Можно ли бесплатно использовать иконку Subtitles Gear Rounded в коммерческих проектах?

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

Как использовать иконку Subtitles Gear Rounded в React?

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

Как добавить иконку Subtitles Gear Rounded на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/material-symbols-light/subtitles-gear-rounded.svg" alt="Иконка Subtitles Gear Rounded">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

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