Ícone Social Designer News

foundation:social-designer-news

O ícone Social Designer News (foundation:social-designer-news) é um ícone SVG gratuito da coleção Foundation de Zurb. Ele é desenhado em uma grade de 100 × 100. Foundation icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.

Coleção: Foundation
Autor: Zurb
Licença: MIT
Tamanho: 100 × 100
Tags: socialdesigner, designernews, socialdesignernews, new

Baixar SVG

Código 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>

Como usar o ícone 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>

Web component

<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>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/foundation/social-designer-news.svg" alt="Ícone Social Designer News" width="24" height="24">

Ícones relacionados em Foundation

Perguntas frequentes sobre Ícone Social Designer News

O ícone Social Designer News é grátis para uso comercial?

Sim. Foundation icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.

Como uso o ícone Social Designer News no React?

Instale @iconify/react e renderize <Icon icon="foundation:social-designer-news" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone Social Designer News a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/foundation/social-designer-news.svg" alt="Ícone Social Designer News">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Ícones Foundation →