Icône Social Designer News

foundation:social-designer-news

L'icône Social Designer News (foundation:social-designer-news) est une icône SVG gratuite de la collection Foundation par Zurb. Elle est dessinée sur une grille de 100 × 100. Les Foundation icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.

Collection: Foundation
Auteur: Zurb
Licence: MIT
Taille: 100 × 100
Mots-clés: socialdesigner, designernews, socialdesignernews, new

Télécharger le SVG

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

Comment utiliser l'icône 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>

Image HTML

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

Icônes similaires dans Foundation

FAQ : Icône Social Designer News

L'icône Social Designer News est-elle gratuite pour un usage commercial ?

Oui. Les Foundation icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.

Comment utiliser l'icône Social Designer News dans React ?

Installez @iconify/react et affichez <Icon icon="foundation:social-designer-news" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.

Comment ajouter l'icône Social Designer News à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/foundation/social-designer-news.svg" alt="Icône Social Designer News">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Icônes Foundation →