social designernews icon
social-designernews-outline from IonIcons by Ben Sperry · Outline · MIT Free for personal and commercial use.
- Name
- social-designernews-outline
- Set
- IonIcons
- Style
- Outline
- Viewbox
- 512×512
- License
- MIT
Related icons in IonIcons
social-android-outlinesocial-angular-outlinesocial-apple-outlinesocial-bitcoin-outlinesocial-buffer-outlinesocial-chrome-outlinesocial-codepen-outlinesocial-css3-outlinesocial-dribbblesocial-dropbox-outlinesocial-euro-outlinesocial-facebooksocial-foursquare-outlinesocial-github-outlinesocial-googlesocial-googleplussocial-hackernews-outlinesocial-html5-outlinesocial-instagramsocial-javascript-outlinesocial-linkedin-outlinesocial-octocatsocial-pinterest-outlinesocial-reddit
Use the social designernews icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M290.9 145.9L226.5 96l64.6 102.8z" fill="currentColor"/><path d="M329 96v164h-35.9l-63.2-98 1.7 98H191V152.9l-37.1-29.1c1 1.2 2.1 2.4 3 3.6 10 13.8 15 30.7 15 50.5 0 48.9-30.5 82-76.8 82H32l200.1 156H480V214.7L329 96zm135 304H237.7L78.6 276h16.5c13.5 0 26.2-2.7 37.7-7.4 11.5-4.7 21.4-11.8 29.8-20.7 4.8-5.1 9.4-11 12.4-17.1V276h73l-.3-16.5-.7-41.9 32.6 50.7 4.7 7.6H345V129.3l.2.3L464 222.4V400z" fill="currentColor"/><path d="M90.6 150.4c11 0 23.7 3.2 23.7 28.8 0 6.9-1 16.3-6 21.8-3.6 3.9-9.6 6-17.7 6H87v-57h3m.7-16H71v89h19.5c26 0 39.9-15.6 39.9-43.9 0-28.8-14.3-45.1-39.7-45.1z" fill="currentColor"/></svg>
React
import type { SVGProps } from "react";
export function IonSocialDesignernewsOutline(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M290.9 145.9L226.5 96l64.6 102.8z" fill="currentColor"/><path d="M329 96v164h-35.9l-63.2-98 1.7 98H191V152.9l-37.1-29.1c1 1.2 2.1 2.4 3 3.6 10 13.8 15 30.7 15 50.5 0 48.9-30.5 82-76.8 82H32l200.1 156H480V214.7L329 96zm135 304H237.7L78.6 276h16.5c13.5 0 26.2-2.7 37.7-7.4 11.5-4.7 21.4-11.8 29.8-20.7 4.8-5.1 9.4-11 12.4-17.1V276h73l-.3-16.5-.7-41.9 32.6 50.7 4.7 7.6H345V129.3l.2.3L464 222.4V400z" fill="currentColor"/><path d="M90.6 150.4c11 0 23.7 3.2 23.7 28.8 0 6.9-1 16.3-6 21.8-3.6 3.9-9.6 6-17.7 6H87v-57h3m.7-16H71v89h19.5c26 0 39.9-15.6 39.9-43.9 0-28.8-14.3-45.1-39.7-45.1z" fill="currentColor"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M290.9 145.9L226.5 96l64.6 102.8z" fill="currentColor"/><path d="M329 96v164h-35.9l-63.2-98 1.7 98H191V152.9l-37.1-29.1c1 1.2 2.1 2.4 3 3.6 10 13.8 15 30.7 15 50.5 0 48.9-30.5 82-76.8 82H32l200.1 156H480V214.7L329 96zm135 304H237.7L78.6 276h16.5c13.5 0 26.2-2.7 37.7-7.4 11.5-4.7 21.4-11.8 29.8-20.7 4.8-5.1 9.4-11 12.4-17.1V276h73l-.3-16.5-.7-41.9 32.6 50.7 4.7 7.6H345V129.3l.2.3L464 222.4V400z" fill="currentColor"/><path d="M90.6 150.4c11 0 23.7 3.2 23.7 28.8 0 6.9-1 16.3-6 21.8-3.6 3.9-9.6 6-17.7 6H87v-57h3m.7-16H71v89h19.5c26 0 39.9-15.6 39.9-43.9 0-28.8-14.3-45.1-39.7-45.1z" fill="currentColor"/></svg> </template>
CSS
.icon-social-designernews-outline {
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%20d%3D%22M290.9%20145.9L226.5%2096l64.6%20102.8z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M329%2096v164h-35.9l-63.2-98%201.7%2098H191V152.9l-37.1-29.1c1%201.2%202.1%202.4%203%203.6%2010%2013.8%2015%2030.7%2015%2050.5%200%2048.9-30.5%2082-76.8%2082H32l200.1%20156H480V214.7L329%2096zm135%20304H237.7L78.6%20276h16.5c13.5%200%2026.2-2.7%2037.7-7.4%2011.5-4.7%2021.4-11.8%2029.8-20.7%204.8-5.1%209.4-11%2012.4-17.1V276h73l-.3-16.5-.7-41.9%2032.6%2050.7%204.7%207.6H345V129.3l.2.3L464%20222.4V400z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M90.6%20150.4c11%200%2023.7%203.2%2023.7%2028.8%200%206.9-1%2016.3-6%2021.8-3.6%203.9-9.6%206-17.7%206H87v-57h3m.7-16H71v89h19.5c26%200%2039.9-15.6%2039.9-43.9%200-28.8-14.3-45.1-39.7-45.1z%22%20fill%3D%22currentColor%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%20d%3D%22M290.9%20145.9L226.5%2096l64.6%20102.8z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M329%2096v164h-35.9l-63.2-98%201.7%2098H191V152.9l-37.1-29.1c1%201.2%202.1%202.4%203%203.6%2010%2013.8%2015%2030.7%2015%2050.5%200%2048.9-30.5%2082-76.8%2082H32l200.1%20156H480V214.7L329%2096zm135%20304H237.7L78.6%20276h16.5c13.5%200%2026.2-2.7%2037.7-7.4%2011.5-4.7%2021.4-11.8%2029.8-20.7%204.8-5.1%209.4-11%2012.4-17.1V276h73l-.3-16.5-.7-41.9%2032.6%2050.7%204.7%207.6H345V129.3l.2.3L464%20222.4V400z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M90.6%20150.4c11%200%2023.7%203.2%2023.7%2028.8%200%206.9-1%2016.3-6%2021.8-3.6%203.9-9.6%206-17.7%206H87v-57h3m.7-16H71v89h19.5c26%200%2039.9-15.6%2039.9-43.9%200-28.8-14.3-45.1-39.7-45.1z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/social-designernews-outline.svg?color=%231a73e8&size=48
