Иконка Snapchat Outline

teenyicons:snapchat-outline

Иконка Snapchat Outline (teenyicons:snapchat-outline) — бесплатная SVG-иконка из набора Teenyicons от smhmd. Она нарисована на сетке 15 × 15. Teenyicons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Teenyicons
Автор: smhmd
Лицензия: MIT
Размер: 15 × 15
Теги: snapchatoutline

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><path fill="none" stroke="currentColor" d="M7.5 1c-1.155 0-2.174.412-2.894 1.281c-.642.775-1.006 2.35-1.066 3.666l-.073.01l-.022.004a9 9 0 0 0-.368.059c-.465.089-1.346.326-1.543 1.277c-.093.445.011.833.247 1.134c.211.269.497.429.708.53q.135.062.274.117c-.21.584-.579 1.184-.987 1.728c-.382.508-.28 1.153-.083 1.573c.197.421.57.402 1.192.43c.352.015.722.051 1.09.12c.166.03.362.098.606.2q.213.09.423.187q.168.077.374.167c.573.25 1.276.517 2.056.517s1.483-.267 2.055-.517c.14-.06.26-.115.375-.167l.025-.012c.135-.06.26-.117.398-.174c.243-.103.44-.17.606-.201a8 8 0 0 1 1.09-.12c.622-.028 1.104-.009 1.303-.43c.197-.42.298-1.065-.084-1.573c-.406-.54-.772-1.136-.983-1.716a5 5 0 0 0 .305-.127c.216-.098.518-.261.73-.543c.245-.326.315-.739.175-1.184c-.28-.886-1.092-1.122-1.568-1.216a7 7 0 0 0-.355-.058l-.012-.002l-.056-.009c-.065-1.234-.41-2.795-1.036-3.581C9.695 1.485 8.682 1 7.5 1Z"/></svg>

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

React

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

<Icon icon="teenyicons:snapchat-outline" width="24" />

Vue

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

<template>
  <Icon icon="teenyicons:snapchat-outline" width="24" />
</template>

Svelte

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

<Icon icon="teenyicons:snapchat-outline" width="24" />

Tailwind CSS

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

UnoCSS

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

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

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

<iconify-icon icon="teenyicons:snapchat-outline"></iconify-icon>

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

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

Иконка Snapchat Outline в других наборах

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

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

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

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

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

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

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

Все Teenyicons →