Иконка Social Designer News

foundation:social-designer-news

Иконка Social Designer News (foundation:social-designer-news) — бесплатная SVG-иконка из набора Foundation от Zurb. Она нарисована на сетке 100 × 100. Foundation icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Foundation
Автор: Zurb
Лицензия: MIT
Размер: 100 × 100
Теги: socialdesigner, designernews, socialdesignernews, new

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><g fill="currentColor"><path d="m66.746 37.902l.261 15.744l-9.164-14.804l-.582-.94h-5.472v25.001h6.109l-.262-15.181l9.672 15.181h5.547V37.902z"/><path d="M79 14H21c-3.85 0-7 3.15-7 7v58c0 3.85 3.15 7 7 7h31.825L24.843 63.556V36.902h10.529c3.975 0 6.096.493 8.394 1.945c1.259.771 2.411 1.865 3.327 3.156c.377.523.703 1.071.993 1.637l2.703 2.014v-8.753h7.029l.293.474l.104.167l7.625 6.025l-.094-5.65l-.017-1.017h8.126v.01L86 46.753V21c0-3.85-3.15-7-7-7"/><path d="M40.842 38.546c-1.324-.434-2.861-.613-5-.636c-.16-.002-.304-.008-.471-.008h-8.396v25.001h9.822c7.085 0 11.771-5.023 11.771-12.595c0-3.072-.75-5.586-2.286-7.721a11 11 0 0 0-.964-1.162q-.12-.13-.243-.256a11 11 0 0 0-.766-.695q-.151-.128-.305-.248a12 12 0 0 0-1.543-.984a10 10 0 0 0-.737-.357l-.05-.024a10 10 0 0 0-.832-.315m1.351 11.95c0 4.387-2.136 6.786-6.109 6.786h-2.737V43.524h2.774c3.899 0 6.072 2.513 6.072 6.972"/></g></svg>

Как использовать иконку Social Designer News

React

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

<Icon icon="foundation:social-designer-news" width="24" />

Vue

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

<template>
  <Icon icon="foundation:social-designer-news" width="24" />
</template>

Svelte

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

<Icon icon="foundation:social-designer-news" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[foundation--social-designer-news]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/foundation -->
<div class="i-foundation:social-designer-news"></div>

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

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

<iconify-icon icon="foundation:social-designer-news"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/foundation/social-designer-news.svg" alt="Иконка Social Designer News" width="24" height="24">

Вопросы и ответы: Иконка Social Designer News

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

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

Как использовать иконку Social Designer News в React?

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

Как добавить иконку Social Designer News на веб-страницу?

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

Все Иконки Foundation →