logo designernews icon
logo-designernews from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.
- Name
- logo-designernews
- Set
- IonIcons
- Style
- Regular
- Viewbox
- 512×512
- License
- MIT
- Aliases
- logo-designernews-outline, social-designernews
Related icons in IonIcons
logo-alipaylogo-amazonlogo-amplifylogo-androidlogo-angularlogo-appflowlogo-applelogo-apple-appstorelogo-apple-arlogo-behancelogo-bitbucketlogo-bitcoinlogo-bufferlogo-capacitorlogo-chromelogo-closed-captioninglogo-codepenlogo-css3logo-deviantartlogo-discordlogo-dockerlogo-dribbblelogo-dropboxlogo-edge
Use the logo designernews icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M295.31 122.8L222.86 64l72.68 122.64z"/><path fill="currentColor" d="M339.43 64v195.6h-41.6L225.6 141.28l1.94 118.32h-45.83V131.2L139.09 96c1.14 1.44 2.28 2.88 3.31 4.44c11.43 16.68 17.14 36.6 17.14 60.6c0 59-35 98.52-87.88 98.52H0v.48L228.11 448H512V205.72Z"/><path fill="currentColor" d="M111.89 162.52c0-34.8-16.23-54.12-45.38-54.12H44.57v106.8h21.72c29.71 0 45.6-18.48 45.6-52.68"/></svg>
React
import type { SVGProps } from "react";
export function IonLogoDesignernews(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M295.31 122.8L222.86 64l72.68 122.64z"/><path fill="currentColor" d="M339.43 64v195.6h-41.6L225.6 141.28l1.94 118.32h-45.83V131.2L139.09 96c1.14 1.44 2.28 2.88 3.31 4.44c11.43 16.68 17.14 36.6 17.14 60.6c0 59-35 98.52-87.88 98.52H0v.48L228.11 448H512V205.72Z"/><path fill="currentColor" d="M111.89 162.52c0-34.8-16.23-54.12-45.38-54.12H44.57v106.8h21.72c29.71 0 45.6-18.48 45.6-52.68"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M295.31 122.8L222.86 64l72.68 122.64z"/><path fill="currentColor" d="M339.43 64v195.6h-41.6L225.6 141.28l1.94 118.32h-45.83V131.2L139.09 96c1.14 1.44 2.28 2.88 3.31 4.44c11.43 16.68 17.14 36.6 17.14 60.6c0 59-35 98.52-87.88 98.52H0v.48L228.11 448H512V205.72Z"/><path fill="currentColor" d="M111.89 162.52c0-34.8-16.23-54.12-45.38-54.12H44.57v106.8h21.72c29.71 0 45.6-18.48 45.6-52.68"/></svg> </template>
CSS
.icon-logo-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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M295.31%20122.8L222.86%2064l72.68%20122.64z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M339.43%2064v195.6h-41.6L225.6%20141.28l1.94%20118.32h-45.83V131.2L139.09%2096c1.14%201.44%202.28%202.88%203.31%204.44c11.43%2016.68%2017.14%2036.6%2017.14%2060.6c0%2059-35%2098.52-87.88%2098.52H0v.48L228.11%20448H512V205.72Z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M111.89%20162.52c0-34.8-16.23-54.12-45.38-54.12H44.57v106.8h21.72c29.71%200%2045.6-18.48%2045.6-52.68%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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M295.31%20122.8L222.86%2064l72.68%20122.64z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M339.43%2064v195.6h-41.6L225.6%20141.28l1.94%20118.32h-45.83V131.2L139.09%2096c1.14%201.44%202.28%202.88%203.31%204.44c11.43%2016.68%2017.14%2036.6%2017.14%2060.6c0%2059-35%2098.52-87.88%2098.52H0v.48L228.11%20448H512V205.72Z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M111.89%20162.52c0-34.8-16.23-54.12-45.38-54.12H44.57v106.8h21.72c29.71%200%2045.6-18.48%2045.6-52.68%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/logo-designernews.svg?color=%231a73e8&size=48
