social javascript icon
social-javascript-outline from IonIcons by Ben Sperry · Outline · MIT Free for personal and commercial use.
- Name
- social-javascript-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-designernews-outlinesocial-dribbblesocial-dropbox-outlinesocial-euro-outlinesocial-facebooksocial-foursquare-outlinesocial-github-outlinesocial-googlesocial-googleplussocial-hackernews-outlinesocial-html5-outlinesocial-instagramsocial-linkedin-outlinesocial-octocatsocial-pinterest-outlinesocial-reddit
Use the social javascript icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M192 104.001v197.017c0 41.567-9.644 71.988-28.662 90.417C146.278 407.965 121.277 416 86.907 416c-12.002 0-25.78-1.496-37.185-3.886l4.09-30.505c7.146 1.269 15.465 2.149 24.774 2.149 21.92 0 37.892-6.459 48.827-19.745C138.73 350.268 144 330.085 144 300.499V104.001h48m16-16h-80v212.498c0 52.58-18.032 67.261-49.412 67.261-14.705 0-27.948-2.521-38.25-6.063L32 423.904C46.7 428.966 69.259 432 86.907 432 158.955 432 208 398.129 208 301.02V88.001z" fill="currentColor"/><path d="M382.463 96c24.458 0 45.898 3.146 65.1 9.585l-9.581 32.062c-13.612-5.505-32.536-10.937-56.486-10.937-18.607 0-34.462 4.584-45.849 13.256-11.732 8.936-18.194 21.583-18.194 35.613 0 34.974 33.062 48.149 71.347 63.405l.107.043.108.041c26.977 10.299 45.938 22.261 57.969 36.572C458.593 289.451 464 305.543 464 326.284c0 25.177-9.333 46.71-26.99 62.274-20.35 17.939-51.417 27.422-89.843 27.422-28.052 0-54.698-6.427-72.615-13.979l7.593-31.603c17.579 7.248 41.882 14.382 69.438 14.382 20.28 0 36.629-4.478 48.591-13.306 12.807-9.45 19.857-23.697 19.857-40.119 0-15.348-6.041-27.922-18.469-38.444-10.157-8.603-24.801-16.048-47.467-24.136-26.86-9.904-47.359-21.947-60.934-35.795C278.922 218.455 272 201.829 272 182.154c0-24.149 9.831-45.101 28.43-60.591C320.51 104.839 348.876 96 382.463 96m0-16C305.02 80 256 123.998 256 182.154c0 50.083 37.751 81.44 92.641 101.665 39.7 14.158 55.392 26.808 55.392 47.539 0 22.756-18.139 37.425-52.448 37.425-31.863 0-60.789-10.64-80.394-21.255v-.021L256 410.727c18.639 10.638 53.441 21.255 91.167 21.255C437.854 431.98 480 383.43 480 326.284c0-48.55-26.958-79.9-85.278-102.163-43.139-17.191-61.27-26.795-61.27-48.542 0-17.2 15.688-32.869 48.043-32.869 31.846 0 53.744 10.707 66.505 17.291l19.125-64C447.125 87.22 420.188 80 382.463 80z" fill="currentColor"/></svg>
React
import type { SVGProps } from "react";
export function IonSocialJavascriptOutline(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M192 104.001v197.017c0 41.567-9.644 71.988-28.662 90.417C146.278 407.965 121.277 416 86.907 416c-12.002 0-25.78-1.496-37.185-3.886l4.09-30.505c7.146 1.269 15.465 2.149 24.774 2.149 21.92 0 37.892-6.459 48.827-19.745C138.73 350.268 144 330.085 144 300.499V104.001h48m16-16h-80v212.498c0 52.58-18.032 67.261-49.412 67.261-14.705 0-27.948-2.521-38.25-6.063L32 423.904C46.7 428.966 69.259 432 86.907 432 158.955 432 208 398.129 208 301.02V88.001z" fill="currentColor"/><path d="M382.463 96c24.458 0 45.898 3.146 65.1 9.585l-9.581 32.062c-13.612-5.505-32.536-10.937-56.486-10.937-18.607 0-34.462 4.584-45.849 13.256-11.732 8.936-18.194 21.583-18.194 35.613 0 34.974 33.062 48.149 71.347 63.405l.107.043.108.041c26.977 10.299 45.938 22.261 57.969 36.572C458.593 289.451 464 305.543 464 326.284c0 25.177-9.333 46.71-26.99 62.274-20.35 17.939-51.417 27.422-89.843 27.422-28.052 0-54.698-6.427-72.615-13.979l7.593-31.603c17.579 7.248 41.882 14.382 69.438 14.382 20.28 0 36.629-4.478 48.591-13.306 12.807-9.45 19.857-23.697 19.857-40.119 0-15.348-6.041-27.922-18.469-38.444-10.157-8.603-24.801-16.048-47.467-24.136-26.86-9.904-47.359-21.947-60.934-35.795C278.922 218.455 272 201.829 272 182.154c0-24.149 9.831-45.101 28.43-60.591C320.51 104.839 348.876 96 382.463 96m0-16C305.02 80 256 123.998 256 182.154c0 50.083 37.751 81.44 92.641 101.665 39.7 14.158 55.392 26.808 55.392 47.539 0 22.756-18.139 37.425-52.448 37.425-31.863 0-60.789-10.64-80.394-21.255v-.021L256 410.727c18.639 10.638 53.441 21.255 91.167 21.255C437.854 431.98 480 383.43 480 326.284c0-48.55-26.958-79.9-85.278-102.163-43.139-17.191-61.27-26.795-61.27-48.542 0-17.2 15.688-32.869 48.043-32.869 31.846 0 53.744 10.707 66.505 17.291l19.125-64C447.125 87.22 420.188 80 382.463 80z" fill="currentColor"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M192 104.001v197.017c0 41.567-9.644 71.988-28.662 90.417C146.278 407.965 121.277 416 86.907 416c-12.002 0-25.78-1.496-37.185-3.886l4.09-30.505c7.146 1.269 15.465 2.149 24.774 2.149 21.92 0 37.892-6.459 48.827-19.745C138.73 350.268 144 330.085 144 300.499V104.001h48m16-16h-80v212.498c0 52.58-18.032 67.261-49.412 67.261-14.705 0-27.948-2.521-38.25-6.063L32 423.904C46.7 428.966 69.259 432 86.907 432 158.955 432 208 398.129 208 301.02V88.001z" fill="currentColor"/><path d="M382.463 96c24.458 0 45.898 3.146 65.1 9.585l-9.581 32.062c-13.612-5.505-32.536-10.937-56.486-10.937-18.607 0-34.462 4.584-45.849 13.256-11.732 8.936-18.194 21.583-18.194 35.613 0 34.974 33.062 48.149 71.347 63.405l.107.043.108.041c26.977 10.299 45.938 22.261 57.969 36.572C458.593 289.451 464 305.543 464 326.284c0 25.177-9.333 46.71-26.99 62.274-20.35 17.939-51.417 27.422-89.843 27.422-28.052 0-54.698-6.427-72.615-13.979l7.593-31.603c17.579 7.248 41.882 14.382 69.438 14.382 20.28 0 36.629-4.478 48.591-13.306 12.807-9.45 19.857-23.697 19.857-40.119 0-15.348-6.041-27.922-18.469-38.444-10.157-8.603-24.801-16.048-47.467-24.136-26.86-9.904-47.359-21.947-60.934-35.795C278.922 218.455 272 201.829 272 182.154c0-24.149 9.831-45.101 28.43-60.591C320.51 104.839 348.876 96 382.463 96m0-16C305.02 80 256 123.998 256 182.154c0 50.083 37.751 81.44 92.641 101.665 39.7 14.158 55.392 26.808 55.392 47.539 0 22.756-18.139 37.425-52.448 37.425-31.863 0-60.789-10.64-80.394-21.255v-.021L256 410.727c18.639 10.638 53.441 21.255 91.167 21.255C437.854 431.98 480 383.43 480 326.284c0-48.55-26.958-79.9-85.278-102.163-43.139-17.191-61.27-26.795-61.27-48.542 0-17.2 15.688-32.869 48.043-32.869 31.846 0 53.744 10.707 66.505 17.291l19.125-64C447.125 87.22 420.188 80 382.463 80z" fill="currentColor"/></svg> </template>
CSS
.icon-social-javascript-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%22M192%20104.001v197.017c0%2041.567-9.644%2071.988-28.662%2090.417C146.278%20407.965%20121.277%20416%2086.907%20416c-12.002%200-25.78-1.496-37.185-3.886l4.09-30.505c7.146%201.269%2015.465%202.149%2024.774%202.149%2021.92%200%2037.892-6.459%2048.827-19.745C138.73%20350.268%20144%20330.085%20144%20300.499V104.001h48m16-16h-80v212.498c0%2052.58-18.032%2067.261-49.412%2067.261-14.705%200-27.948-2.521-38.25-6.063L32%20423.904C46.7%20428.966%2069.259%20432%2086.907%20432%20158.955%20432%20208%20398.129%20208%20301.02V88.001z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M382.463%2096c24.458%200%2045.898%203.146%2065.1%209.585l-9.581%2032.062c-13.612-5.505-32.536-10.937-56.486-10.937-18.607%200-34.462%204.584-45.849%2013.256-11.732%208.936-18.194%2021.583-18.194%2035.613%200%2034.974%2033.062%2048.149%2071.347%2063.405l.107.043.108.041c26.977%2010.299%2045.938%2022.261%2057.969%2036.572C458.593%20289.451%20464%20305.543%20464%20326.284c0%2025.177-9.333%2046.71-26.99%2062.274-20.35%2017.939-51.417%2027.422-89.843%2027.422-28.052%200-54.698-6.427-72.615-13.979l7.593-31.603c17.579%207.248%2041.882%2014.382%2069.438%2014.382%2020.28%200%2036.629-4.478%2048.591-13.306%2012.807-9.45%2019.857-23.697%2019.857-40.119%200-15.348-6.041-27.922-18.469-38.444-10.157-8.603-24.801-16.048-47.467-24.136-26.86-9.904-47.359-21.947-60.934-35.795C278.922%20218.455%20272%20201.829%20272%20182.154c0-24.149%209.831-45.101%2028.43-60.591C320.51%20104.839%20348.876%2096%20382.463%2096m0-16C305.02%2080%20256%20123.998%20256%20182.154c0%2050.083%2037.751%2081.44%2092.641%20101.665%2039.7%2014.158%2055.392%2026.808%2055.392%2047.539%200%2022.756-18.139%2037.425-52.448%2037.425-31.863%200-60.789-10.64-80.394-21.255v-.021L256%20410.727c18.639%2010.638%2053.441%2021.255%2091.167%2021.255C437.854%20431.98%20480%20383.43%20480%20326.284c0-48.55-26.958-79.9-85.278-102.163-43.139-17.191-61.27-26.795-61.27-48.542%200-17.2%2015.688-32.869%2048.043-32.869%2031.846%200%2053.744%2010.707%2066.505%2017.291l19.125-64C447.125%2087.22%20420.188%2080%20382.463%2080z%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%22M192%20104.001v197.017c0%2041.567-9.644%2071.988-28.662%2090.417C146.278%20407.965%20121.277%20416%2086.907%20416c-12.002%200-25.78-1.496-37.185-3.886l4.09-30.505c7.146%201.269%2015.465%202.149%2024.774%202.149%2021.92%200%2037.892-6.459%2048.827-19.745C138.73%20350.268%20144%20330.085%20144%20300.499V104.001h48m16-16h-80v212.498c0%2052.58-18.032%2067.261-49.412%2067.261-14.705%200-27.948-2.521-38.25-6.063L32%20423.904C46.7%20428.966%2069.259%20432%2086.907%20432%20158.955%20432%20208%20398.129%20208%20301.02V88.001z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M382.463%2096c24.458%200%2045.898%203.146%2065.1%209.585l-9.581%2032.062c-13.612-5.505-32.536-10.937-56.486-10.937-18.607%200-34.462%204.584-45.849%2013.256-11.732%208.936-18.194%2021.583-18.194%2035.613%200%2034.974%2033.062%2048.149%2071.347%2063.405l.107.043.108.041c26.977%2010.299%2045.938%2022.261%2057.969%2036.572C458.593%20289.451%20464%20305.543%20464%20326.284c0%2025.177-9.333%2046.71-26.99%2062.274-20.35%2017.939-51.417%2027.422-89.843%2027.422-28.052%200-54.698-6.427-72.615-13.979l7.593-31.603c17.579%207.248%2041.882%2014.382%2069.438%2014.382%2020.28%200%2036.629-4.478%2048.591-13.306%2012.807-9.45%2019.857-23.697%2019.857-40.119%200-15.348-6.041-27.922-18.469-38.444-10.157-8.603-24.801-16.048-47.467-24.136-26.86-9.904-47.359-21.947-60.934-35.795C278.922%20218.455%20272%20201.829%20272%20182.154c0-24.149%209.831-45.101%2028.43-60.591C320.51%20104.839%20348.876%2096%20382.463%2096m0-16C305.02%2080%20256%20123.998%20256%20182.154c0%2050.083%2037.751%2081.44%2092.641%20101.665%2039.7%2014.158%2055.392%2026.808%2055.392%2047.539%200%2022.756-18.139%2037.425-52.448%2037.425-31.863%200-60.789-10.64-80.394-21.255v-.021L256%20410.727c18.639%2010.638%2053.441%2021.255%2091.167%2021.255C437.854%20431.98%20480%20383.43%20480%20326.284c0-48.55-26.958-79.9-85.278-102.163-43.139-17.191-61.27-26.795-61.27-48.542%200-17.2%2015.688-32.869%2048.043-32.869%2031.846%200%2053.744%2010.707%2066.505%2017.291l19.125-64C447.125%2087.22%20420.188%2080%20382.463%2080z%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-javascript-outline.svg?color=%231a73e8&size=48
