designernews logo
designernews from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.
- Name
- designernews
- Set
- SVG Logos
- Style
- Color
- Viewbox
- 256×256
- License
- CC0
The same logo in other sets
Use the designernews logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
React
import type { SVGProps } from "react";
export function LogosDesignernews(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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> </template>
CSS
.icon-designernews {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cdefs%3E%3Ccircle%20id%3D%22SVGN5eQqeMK%22%20cx%3D%22128%22%20cy%3D%22128%22%20r%3D%22128%22%2F%3E%3C%2Fdefs%3E%3Cmask%20id%3D%22SVGMX2wGdvm%22%20fill%3D%22%23fff%22%3E%3Cuse%20href%3D%22%23SVGN5eQqeMK%22%2F%3E%3C%2Fmask%3E%3Cuse%20fill%3D%22%23b3bbc6%22%20href%3D%22%23SVGN5eQqeMK%22%2F%3E%3Cpath%20fill%3D%22%23666c76%22%20d%3D%22m38.715%20176.727l107.34%2079.844l264.006%2016.604L207.754%2085.924v42.688l-18.874-13.517l-35.122-29.171l-20.908%2034.083l-29.395-24.54L51.77%2092.19z%22%20mask%3D%22url(%23SVGMX2wGdvm)%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M118.837%20131.159c0-27.131-16.675-45.528-48.439-45.528H39.032v91.32H71.06c30.837%200%2047.777-18.66%2047.777-45.792m-22.763.132c0%2019.588-10.059%2028.058-26.205%2028.058h-8.206v-56.115h8.206c15.484%200%2026.205%208.867%2026.205%2028.057m112.892%2045.66v-91.32h-21.043v51.087L154.307%2085.63h-21.97v91.32h21.043v-54.66l35.999%2054.66z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cdefs%3E%3Ccircle%20id%3D%22SVGN5eQqeMK%22%20cx%3D%22128%22%20cy%3D%22128%22%20r%3D%22128%22%2F%3E%3C%2Fdefs%3E%3Cmask%20id%3D%22SVGMX2wGdvm%22%20fill%3D%22%23fff%22%3E%3Cuse%20href%3D%22%23SVGN5eQqeMK%22%2F%3E%3C%2Fmask%3E%3Cuse%20fill%3D%22%23b3bbc6%22%20href%3D%22%23SVGN5eQqeMK%22%2F%3E%3Cpath%20fill%3D%22%23666c76%22%20d%3D%22m38.715%20176.727l107.34%2079.844l264.006%2016.604L207.754%2085.924v42.688l-18.874-13.517l-35.122-29.171l-20.908%2034.083l-29.395-24.54L51.77%2092.19z%22%20mask%3D%22url(%23SVGMX2wGdvm)%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M118.837%20131.159c0-27.131-16.675-45.528-48.439-45.528H39.032v91.32H71.06c30.837%200%2047.777-18.66%2047.777-45.792m-22.763.132c0%2019.588-10.059%2028.058-26.205%2028.058h-8.206v-56.115h8.206c15.484%200%2026.205%208.867%2026.205%2028.057m112.892%2045.66v-91.32h-21.043v51.087L154.307%2085.63h-21.97v91.32h21.043v-54.66l35.999%2054.66z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/designernews.svg?color=%231a73e8&size=48
