Иконка Circle Grid 3x3
f7:circle-grid-3x3
Иконка Circle Grid 3x3 (f7:circle-grid-3x3) — бесплатная SVG-иконка из набора Framework7 Icons от Vladimir Kharlampidi. Она нарисована на сетке 56 × 56. Framework7 Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Framework7 Icons
- Автор
- Vladimir Kharlampidi
- Лицензия
- MIT
- Размер
- 56 × 56
- Теги
- circlegrid, grid3x3, circlegrid3x3
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="56" height="56" viewBox="0 0 56 56"><path fill="currentColor" d="M28 18.719c3.75 0 6.844-3.094 6.844-6.867c0-3.75-3.094-6.844-6.844-6.82c-3.75.023-6.844 3.07-6.844 6.82c0 3.773 3.094 6.867 6.844 6.867m17.274 0c3.75 0 6.843-3.094 6.843-6.867c0-3.75-3.093-6.844-6.843-6.82c-3.75.023-6.844 3.07-6.844 6.82c0 3.773 3.093 6.867 6.843 6.867m-34.524-.024c3.727 0 6.82-3.07 6.82-6.82c0-3.727-3.093-6.844-6.82-6.844c-3.773 0-6.867 3.117-6.867 6.844c0 3.75 3.094 6.82 6.867 6.82m34.524-3.328c-1.993 0-3.47-1.547-3.47-3.515c0-1.946 1.477-3.516 3.47-3.516a3.49 3.49 0 0 1 3.492 3.516c0 1.968-1.547 3.515-3.492 3.515M10.75 15.25c-1.922 0-3.422-1.5-3.422-3.398A3.41 3.41 0 0 1 10.75 8.43c1.875 0 3.375 1.547 3.375 3.422c0 1.898-1.5 3.398-3.375 3.398m17.25 0c-1.922 0-3.398-1.5-3.398-3.398c0-1.875 1.476-3.422 3.398-3.422s3.375 1.547 3.398 3.422c.047 1.898-1.476 3.398-3.398 3.398m17.274 19.594c3.75 0 6.843-3.094 6.843-6.844c0-3.727-3.093-6.844-6.843-6.82c-3.75.023-6.844 3.093-6.844 6.82c0 3.75 3.093 6.844 6.843 6.844m-17.274 0c3.75 0 6.844-3.094 6.844-6.844c0-3.727-3.094-6.844-6.844-6.82c-3.75.023-6.844 3.093-6.844 6.82c0 3.75 3.094 6.844 6.844 6.844m-17.25 0c3.727 0 6.82-3.094 6.82-6.844c0-3.727-3.093-6.844-6.82-6.82c-3.773.023-6.867 3.093-6.867 6.82c0 3.75 3.094 6.844 6.867 6.844m34.524-3.328c-1.993 0-3.47-1.57-3.47-3.54c0-1.921 1.477-3.492 3.47-3.492a3.486 3.486 0 0 1 3.492 3.493c0 1.968-1.547 3.539-3.492 3.539m-17.274 0c-1.969 0-3.515-1.57-3.515-3.54A3.49 3.49 0 0 1 28 24.485a3.49 3.49 0 0 1 3.516 3.493c0 1.968-1.547 3.539-3.516 3.539m-17.25 0c-1.969 0-3.516-1.57-3.516-3.54a3.49 3.49 0 0 1 3.516-3.492c1.945 0 3.445 1.57 3.445 3.493c0 1.968-1.5 3.539-3.445 3.539m34.524 19.476c3.75 0 6.843-3.094 6.843-6.844s-3.093-6.843-6.843-6.843s-6.844 3.093-6.844 6.843s3.093 6.844 6.843 6.844m-17.274 0c3.75 0 6.844-3.094 6.844-6.844S31.75 37.305 28 37.305s-6.844 3.093-6.844 6.843S24.25 50.992 28 50.992m-17.25 0c3.727 0 6.82-3.094 6.82-6.844s-3.093-6.843-6.82-6.843c-3.773 0-6.867 3.093-6.867 6.843s3.094 6.844 6.867 6.844M28 47.664c-1.969 0-3.515-1.57-3.515-3.539A3.49 3.49 0 0 1 28 40.633a3.49 3.49 0 0 1 3.516 3.492c0 1.969-1.547 3.54-3.516 3.54m17.274 0c-1.993 0-3.47-1.57-3.47-3.539c0-1.922 1.477-3.492 3.47-3.492a3.486 3.486 0 0 1 3.492 3.492c0 1.969-1.547 3.54-3.492 3.54m-34.524 0c-1.969 0-3.516-1.57-3.516-3.539a3.49 3.49 0 0 1 3.516-3.492c1.945 0 3.445 1.57 3.445 3.492c0 1.969-1.5 3.54-3.445 3.54"/></svg>Как использовать иконку Circle Grid 3x3
React
import { Icon } from "@iconify/react";
<Icon icon="f7:circle-grid-3x3" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="f7:circle-grid-3x3" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="f7:circle-grid-3x3" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[f7--circle-grid-3x3]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/f7 -->
<div class="i-f7:circle-grid-3x3"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="f7:circle-grid-3x3"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/f7/circle-grid-3x3.svg" alt="Иконка Circle Grid 3x3" width="24" height="24">Похожие иконки в наборе Framework7 Icons
Вопросы и ответы: Иконка Circle Grid 3x3
Можно ли бесплатно использовать иконку Circle Grid 3x3 в коммерческих проектах?
Да. Framework7 Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Circle Grid 3x3 в React?
Установите @iconify/react и выведите <Icon icon="f7:circle-grid-3x3" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Circle Grid 3x3 на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/f7/circle-grid-3x3.svg" alt="Иконка Circle Grid 3x3">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.