Designernews アイコン
logos:designernews
Designernews アイコン(logos:designernews)は、SVG Logos セットの無料 SVG アイコンです（作者: Gil Barbara）。 256 × 256 のグリッドで描かれています。 SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- SVG Logos
- 作者
- Gil Barbara
- ライセンス
- CC0-1.0
- サイズ
- 256 × 256
- タグ
- designernew
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><defs><circle id="SVGN5eQqeMK" cx="128" cy="128" r="128"/></defs><mask id="SVGMX2wGdvm" fill="#fff"><use href="#SVGN5eQqeMK"/></mask><use fill="#b3bbc6" href="#SVGN5eQqeMK"/><path fill="#666c76" d="m38.715 176.727l107.34 79.844l264.006 16.604L207.754 85.924v42.688l-18.874-13.517l-35.122-29.171l-20.908 34.083l-29.395-24.54L51.77 92.19z" mask="url(#SVGMX2wGdvm)"/><path fill="#fff" d="M118.837 131.159c0-27.131-16.675-45.528-48.439-45.528H39.032v91.32H71.06c30.837 0 47.777-18.66 47.777-45.792m-22.763.132c0 19.588-10.059 28.058-26.205 28.058h-8.206v-56.115h8.206c15.484 0 26.205 8.867 26.205 28.057m112.892 45.66v-91.32h-21.043v51.087L154.307 85.63h-21.97v91.32h21.043v-54.66l35.999 54.66z"/></svg>Designernews アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="logos:designernews" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:designernews" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:designernews" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--designernews]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:designernews"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:designernews"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/logos/designernews.svg" alt="Designernews アイコン" width="24" height="24">Designernews アイコン のよくある質問
Designernews アイコンは商用利用でも無料ですか?
はい。SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Designernews アイコンを使うには?
@iconify/react をインストールして <Icon icon="logos:designernews" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Designernews アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/logos/designernews.svg" alt="Designernews アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。