Иконка Snapchat Circle

jam:snapchat-circle

Иконка Snapchat Circle (jam:snapchat-circle) — бесплатная SVG-иконка из набора Jam Icons от Michael Amprimo. Она нарисована на сетке 24 × 24. Jam Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Jam Icons
Автор: Michael Amprimo
Лицензия: MIT
Размер: 24 × 24
Теги: snapchatcircle

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M10 18a8 8 0 1 0 0-16a8 8 0 0 0 0 16m0 2C4.477 20 0 15.523 0 10S4.477 0 10 0s10 4.477 10 10s-4.477 10-10 10"/><path d="M14.804 12.292c-1.337-.22-1.94-1.59-1.964-1.647q-.11-.223-.052-.352c.073-.171.353-.26.538-.318l.146-.05a1.1 1.1 0 0 0 .399-.238a.38.38 0 0 0 .121-.273c-.003-.16-.126-.302-.321-.371A.6.6 0 0 0 13.453 9a.5.5 0 0 0-.202.042a1.1 1.1 0 0 1-.417.118a.4.4 0 0 1-.138-.03l.012-.193l.002-.029c.043-.676.096-1.518-.128-2.018a2.7 2.7 0 0 0-.612-.876a2.6 2.6 0 0 0-.732-.483a2.9 2.9 0 0 0-1.142-.24l-.197.001a2.9 2.9 0 0 0-1.143.241a2.6 2.6 0 0 0-.73.482a2.7 2.7 0 0 0-.609.874c-.223.5-.17 1.341-.128 2.018l.014.223a.4.4 0 0 1-.164.03q-.19 0-.445-.119a.4.4 0 0 0-.17-.035a.6.6 0 0 0-.3.084a.41.41 0 0 0-.211.27c-.013.07-.013.21.142.351q.13.117.373.213q.065.025.146.05c.185.058.466.147.539.318q.055.132-.048.34c-.022.052-.181.41-.508.79a2.8 2.8 0 0 1-.608.537a2.2 2.2 0 0 1-.853.331a.233.233 0 0 0-.196.244q.003.053.025.102q.07.168.339.29q.332.154.978.255c.022.04.044.144.06.215q.023.112.057.234c.026.089.094.195.268.195c.067 0 .142-.015.23-.032c.13-.025.305-.06.525-.06q.184 0 .375.033c.245.04.456.189.7.361c.358.253.763.539 1.382.539l.05-.002l.072.002c.619 0 1.024-.286 1.382-.538c.245-.172.456-.321.7-.362a2.3 2.3 0 0 1 .9.024q.144.028.23.028c.139 0 .233-.07.268-.192q.034-.118.058-.232c.014-.067.038-.173.06-.214q.645-.102.977-.254c.18-.084.29-.178.339-.29a.3.3 0 0 0 .025-.102a.233.233 0 0 0-.196-.243z"/></g></svg>

Как использовать иконку Snapchat Circle

React

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

<Icon icon="jam:snapchat-circle" width="24" />

Vue

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

<template>
  <Icon icon="jam:snapchat-circle" width="24" />
</template>

Svelte

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

<Icon icon="jam:snapchat-circle" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[jam--snapchat-circle]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/jam -->
<div class="i-jam:snapchat-circle"></div>

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

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

<iconify-icon icon="jam:snapchat-circle"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/jam/snapchat-circle.svg" alt="Иконка Snapchat Circle" width="24" height="24">

Вопросы и ответы: Иконка Snapchat Circle

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

Да. Jam Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Snapchat Circle в React?

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

Как добавить иконку Snapchat Circle на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/jam/snapchat-circle.svg" alt="Иконка Snapchat Circle">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Jam Icons →