soundcloud icon
soundcloud-fill from Akar Icons by Arturo Wibawa · Fill · MIT Free for personal and commercial use.
- Name
- soundcloud-fill
- Set
- Akar Icons
- Style
- Fill
- Viewbox
- 24×24
- License
- MIT
The same icon in other sets
Use the soundcloud icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M1.16 16.466c.049 0 .09-.039.098-.093l.27-2.022l-.27-2.069a.103.103 0 0 0-.099-.093c-.05 0-.094.04-.1.093l-.236 2.069l.236 2.021c.006.055.05.094.1.094m-.887-.769c.048 0 .088-.036.095-.09l.209-1.256l-.209-1.28c-.007-.053-.047-.09-.095-.09c-.051 0-.09.037-.098.09L0 14.351l.174 1.256c.008.053.047.09.098.09m1.948-3.8a.12.12 0 0 0-.12-.114a.12.12 0 0 0-.119.114l-.224 2.454l.224 2.364a.12.12 0 0 0 .12.112a.12.12 0 0 0 .12-.113l.254-2.363zm.832 5.026a.143.143 0 0 0 .14-.133l.241-2.439l-.24-2.522a.143.143 0 0 0-.141-.132a.14.14 0 0 0-.14.133l-.213 2.521l.212 2.439a.14.14 0 0 0 .141.133m.958.039a.16.16 0 0 0 .162-.152l.226-2.459l-.226-2.34a.16.16 0 0 0-.162-.151a.16.16 0 0 0-.16.152l-.2 2.34l.2 2.458a.16.16 0 0 0 .16.152m1.36-2.61l-.212-3.805a.184.184 0 0 0-.182-.173a.183.183 0 0 0-.182.173l-.188 3.805l.188 2.458a.183.183 0 0 0 .364 0zm.581 2.635a.2.2 0 0 0 .201-.192v.002l.199-2.444l-.199-4.676a.203.203 0 0 0-.405 0l-.174 4.676l.175 2.443a.2.2 0 0 0 .203.19m.98-7.91a.22.22 0 0 0-.223.212l-.162 5.065l.162 2.418a.22.22 0 0 0 .223.211a.22.22 0 0 0 .223-.211l.185-2.418l-.185-5.065a.22.22 0 0 0-.223-.212m.989 7.911a.24.24 0 0 0 .244-.232v.002l.17-2.404l-.17-5.235a.24.24 0 0 0-.243-.232a.24.24 0 0 0-.243.232l-.153 5.235l.153 2.404c.002.129.11.23.243.23m.997-.002a.26.26 0 0 0 .263-.252v.002l.157-2.381l-.157-5.103a.26.26 0 0 0-.263-.25a.26.26 0 0 0-.264.25l-.138 5.103l.139 2.38c.003.14.119.25.263.25m1.431-2.63l-.142-4.917a.28.28 0 0 0-.284-.27a.28.28 0 0 0-.285.271l-.127 4.916l.127 2.366a.28.28 0 0 0 .285.27a.28.28 0 0 0 .284-.273v.003zm.586 2.64c.165 0 .301-.13.304-.29l.129-2.349l-.129-5.85a.3.3 0 0 0-.304-.291a.303.303 0 0 0-.305.291l-.115 5.848l.115 2.352c.003.158.14.289.305.289m1.009-9.33a.32.32 0 0 0-.327.31l-.133 6.382l.134 2.315a.32.32 0 0 0 .325.308a.32.32 0 0 0 .324-.311v.003l.146-2.315l-.146-6.381a.32.32 0 0 0-.323-.311m.922 9.332l8.182.004C22.678 17 24 15.732 24 14.167c0-1.564-1.322-2.832-2.953-2.832c-.404 0-.79.079-1.142.22C19.673 9.003 17.44 7 14.718 7c-.665 0-1.314.126-1.887.339c-.223.083-.283.168-.285.333v8.989a.35.35 0 0 0 .32.335"/></svg>
React
import type { SVGProps } from "react";
export function AkarIconsSoundcloudFill(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M1.16 16.466c.049 0 .09-.039.098-.093l.27-2.022l-.27-2.069a.103.103 0 0 0-.099-.093c-.05 0-.094.04-.1.093l-.236 2.069l.236 2.021c.006.055.05.094.1.094m-.887-.769c.048 0 .088-.036.095-.09l.209-1.256l-.209-1.28c-.007-.053-.047-.09-.095-.09c-.051 0-.09.037-.098.09L0 14.351l.174 1.256c.008.053.047.09.098.09m1.948-3.8a.12.12 0 0 0-.12-.114a.12.12 0 0 0-.119.114l-.224 2.454l.224 2.364a.12.12 0 0 0 .12.112a.12.12 0 0 0 .12-.113l.254-2.363zm.832 5.026a.143.143 0 0 0 .14-.133l.241-2.439l-.24-2.522a.143.143 0 0 0-.141-.132a.14.14 0 0 0-.14.133l-.213 2.521l.212 2.439a.14.14 0 0 0 .141.133m.958.039a.16.16 0 0 0 .162-.152l.226-2.459l-.226-2.34a.16.16 0 0 0-.162-.151a.16.16 0 0 0-.16.152l-.2 2.34l.2 2.458a.16.16 0 0 0 .16.152m1.36-2.61l-.212-3.805a.184.184 0 0 0-.182-.173a.183.183 0 0 0-.182.173l-.188 3.805l.188 2.458a.183.183 0 0 0 .364 0zm.581 2.635a.2.2 0 0 0 .201-.192v.002l.199-2.444l-.199-4.676a.203.203 0 0 0-.405 0l-.174 4.676l.175 2.443a.2.2 0 0 0 .203.19m.98-7.91a.22.22 0 0 0-.223.212l-.162 5.065l.162 2.418a.22.22 0 0 0 .223.211a.22.22 0 0 0 .223-.211l.185-2.418l-.185-5.065a.22.22 0 0 0-.223-.212m.989 7.911a.24.24 0 0 0 .244-.232v.002l.17-2.404l-.17-5.235a.24.24 0 0 0-.243-.232a.24.24 0 0 0-.243.232l-.153 5.235l.153 2.404c.002.129.11.23.243.23m.997-.002a.26.26 0 0 0 .263-.252v.002l.157-2.381l-.157-5.103a.26.26 0 0 0-.263-.25a.26.26 0 0 0-.264.25l-.138 5.103l.139 2.38c.003.14.119.25.263.25m1.431-2.63l-.142-4.917a.28.28 0 0 0-.284-.27a.28.28 0 0 0-.285.271l-.127 4.916l.127 2.366a.28.28 0 0 0 .285.27a.28.28 0 0 0 .284-.273v.003zm.586 2.64c.165 0 .301-.13.304-.29l.129-2.349l-.129-5.85a.3.3 0 0 0-.304-.291a.303.303 0 0 0-.305.291l-.115 5.848l.115 2.352c.003.158.14.289.305.289m1.009-9.33a.32.32 0 0 0-.327.31l-.133 6.382l.134 2.315a.32.32 0 0 0 .325.308a.32.32 0 0 0 .324-.311v.003l.146-2.315l-.146-6.381a.32.32 0 0 0-.323-.311m.922 9.332l8.182.004C22.678 17 24 15.732 24 14.167c0-1.564-1.322-2.832-2.953-2.832c-.404 0-.79.079-1.142.22C19.673 9.003 17.44 7 14.718 7c-.665 0-1.314.126-1.887.339c-.223.083-.283.168-.285.333v8.989a.35.35 0 0 0 .32.335"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M1.16 16.466c.049 0 .09-.039.098-.093l.27-2.022l-.27-2.069a.103.103 0 0 0-.099-.093c-.05 0-.094.04-.1.093l-.236 2.069l.236 2.021c.006.055.05.094.1.094m-.887-.769c.048 0 .088-.036.095-.09l.209-1.256l-.209-1.28c-.007-.053-.047-.09-.095-.09c-.051 0-.09.037-.098.09L0 14.351l.174 1.256c.008.053.047.09.098.09m1.948-3.8a.12.12 0 0 0-.12-.114a.12.12 0 0 0-.119.114l-.224 2.454l.224 2.364a.12.12 0 0 0 .12.112a.12.12 0 0 0 .12-.113l.254-2.363zm.832 5.026a.143.143 0 0 0 .14-.133l.241-2.439l-.24-2.522a.143.143 0 0 0-.141-.132a.14.14 0 0 0-.14.133l-.213 2.521l.212 2.439a.14.14 0 0 0 .141.133m.958.039a.16.16 0 0 0 .162-.152l.226-2.459l-.226-2.34a.16.16 0 0 0-.162-.151a.16.16 0 0 0-.16.152l-.2 2.34l.2 2.458a.16.16 0 0 0 .16.152m1.36-2.61l-.212-3.805a.184.184 0 0 0-.182-.173a.183.183 0 0 0-.182.173l-.188 3.805l.188 2.458a.183.183 0 0 0 .364 0zm.581 2.635a.2.2 0 0 0 .201-.192v.002l.199-2.444l-.199-4.676a.203.203 0 0 0-.405 0l-.174 4.676l.175 2.443a.2.2 0 0 0 .203.19m.98-7.91a.22.22 0 0 0-.223.212l-.162 5.065l.162 2.418a.22.22 0 0 0 .223.211a.22.22 0 0 0 .223-.211l.185-2.418l-.185-5.065a.22.22 0 0 0-.223-.212m.989 7.911a.24.24 0 0 0 .244-.232v.002l.17-2.404l-.17-5.235a.24.24 0 0 0-.243-.232a.24.24 0 0 0-.243.232l-.153 5.235l.153 2.404c.002.129.11.23.243.23m.997-.002a.26.26 0 0 0 .263-.252v.002l.157-2.381l-.157-5.103a.26.26 0 0 0-.263-.25a.26.26 0 0 0-.264.25l-.138 5.103l.139 2.38c.003.14.119.25.263.25m1.431-2.63l-.142-4.917a.28.28 0 0 0-.284-.27a.28.28 0 0 0-.285.271l-.127 4.916l.127 2.366a.28.28 0 0 0 .285.27a.28.28 0 0 0 .284-.273v.003zm.586 2.64c.165 0 .301-.13.304-.29l.129-2.349l-.129-5.85a.3.3 0 0 0-.304-.291a.303.303 0 0 0-.305.291l-.115 5.848l.115 2.352c.003.158.14.289.305.289m1.009-9.33a.32.32 0 0 0-.327.31l-.133 6.382l.134 2.315a.32.32 0 0 0 .325.308a.32.32 0 0 0 .324-.311v.003l.146-2.315l-.146-6.381a.32.32 0 0 0-.323-.311m.922 9.332l8.182.004C22.678 17 24 15.732 24 14.167c0-1.564-1.322-2.832-2.953-2.832c-.404 0-.79.079-1.142.22C19.673 9.003 17.44 7 14.718 7c-.665 0-1.314.126-1.887.339c-.223.083-.283.168-.285.333v8.989a.35.35 0 0 0 .32.335"/></svg> </template>
CSS
.icon-soundcloud-fill {
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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M1.16%2016.466c.049%200%20.09-.039.098-.093l.27-2.022l-.27-2.069a.103.103%200%200%200-.099-.093c-.05%200-.094.04-.1.093l-.236%202.069l.236%202.021c.006.055.05.094.1.094m-.887-.769c.048%200%20.088-.036.095-.09l.209-1.256l-.209-1.28c-.007-.053-.047-.09-.095-.09c-.051%200-.09.037-.098.09L0%2014.351l.174%201.256c.008.053.047.09.098.09m1.948-3.8a.12.12%200%200%200-.12-.114a.12.12%200%200%200-.119.114l-.224%202.454l.224%202.364a.12.12%200%200%200%20.12.112a.12.12%200%200%200%20.12-.113l.254-2.363zm.832%205.026a.143.143%200%200%200%20.14-.133l.241-2.439l-.24-2.522a.143.143%200%200%200-.141-.132a.14.14%200%200%200-.14.133l-.213%202.521l.212%202.439a.14.14%200%200%200%20.141.133m.958.039a.16.16%200%200%200%20.162-.152l.226-2.459l-.226-2.34a.16.16%200%200%200-.162-.151a.16.16%200%200%200-.16.152l-.2%202.34l.2%202.458a.16.16%200%200%200%20.16.152m1.36-2.61l-.212-3.805a.184.184%200%200%200-.182-.173a.183.183%200%200%200-.182.173l-.188%203.805l.188%202.458a.183.183%200%200%200%20.364%200zm.581%202.635a.2.2%200%200%200%20.201-.192v.002l.199-2.444l-.199-4.676a.203.203%200%200%200-.405%200l-.174%204.676l.175%202.443a.2.2%200%200%200%20.203.19m.98-7.91a.22.22%200%200%200-.223.212l-.162%205.065l.162%202.418a.22.22%200%200%200%20.223.211a.22.22%200%200%200%20.223-.211l.185-2.418l-.185-5.065a.22.22%200%200%200-.223-.212m.989%207.911a.24.24%200%200%200%20.244-.232v.002l.17-2.404l-.17-5.235a.24.24%200%200%200-.243-.232a.24.24%200%200%200-.243.232l-.153%205.235l.153%202.404c.002.129.11.23.243.23m.997-.002a.26.26%200%200%200%20.263-.252v.002l.157-2.381l-.157-5.103a.26.26%200%200%200-.263-.25a.26.26%200%200%200-.264.25l-.138%205.103l.139%202.38c.003.14.119.25.263.25m1.431-2.63l-.142-4.917a.28.28%200%200%200-.284-.27a.28.28%200%200%200-.285.271l-.127%204.916l.127%202.366a.28.28%200%200%200%20.285.27a.28.28%200%200%200%20.284-.273v.003zm.586%202.64c.165%200%20.301-.13.304-.29l.129-2.349l-.129-5.85a.3.3%200%200%200-.304-.291a.303.303%200%200%200-.305.291l-.115%205.848l.115%202.352c.003.158.14.289.305.289m1.009-9.33a.32.32%200%200%200-.327.31l-.133%206.382l.134%202.315a.32.32%200%200%200%20.325.308a.32.32%200%200%200%20.324-.311v.003l.146-2.315l-.146-6.381a.32.32%200%200%200-.323-.311m.922%209.332l8.182.004C22.678%2017%2024%2015.732%2024%2014.167c0-1.564-1.322-2.832-2.953-2.832c-.404%200-.79.079-1.142.22C19.673%209.003%2017.44%207%2014.718%207c-.665%200-1.314.126-1.887.339c-.223.083-.283.168-.285.333v8.989a.35.35%200%200%200%20.32.335%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M1.16%2016.466c.049%200%20.09-.039.098-.093l.27-2.022l-.27-2.069a.103.103%200%200%200-.099-.093c-.05%200-.094.04-.1.093l-.236%202.069l.236%202.021c.006.055.05.094.1.094m-.887-.769c.048%200%20.088-.036.095-.09l.209-1.256l-.209-1.28c-.007-.053-.047-.09-.095-.09c-.051%200-.09.037-.098.09L0%2014.351l.174%201.256c.008.053.047.09.098.09m1.948-3.8a.12.12%200%200%200-.12-.114a.12.12%200%200%200-.119.114l-.224%202.454l.224%202.364a.12.12%200%200%200%20.12.112a.12.12%200%200%200%20.12-.113l.254-2.363zm.832%205.026a.143.143%200%200%200%20.14-.133l.241-2.439l-.24-2.522a.143.143%200%200%200-.141-.132a.14.14%200%200%200-.14.133l-.213%202.521l.212%202.439a.14.14%200%200%200%20.141.133m.958.039a.16.16%200%200%200%20.162-.152l.226-2.459l-.226-2.34a.16.16%200%200%200-.162-.151a.16.16%200%200%200-.16.152l-.2%202.34l.2%202.458a.16.16%200%200%200%20.16.152m1.36-2.61l-.212-3.805a.184.184%200%200%200-.182-.173a.183.183%200%200%200-.182.173l-.188%203.805l.188%202.458a.183.183%200%200%200%20.364%200zm.581%202.635a.2.2%200%200%200%20.201-.192v.002l.199-2.444l-.199-4.676a.203.203%200%200%200-.405%200l-.174%204.676l.175%202.443a.2.2%200%200%200%20.203.19m.98-7.91a.22.22%200%200%200-.223.212l-.162%205.065l.162%202.418a.22.22%200%200%200%20.223.211a.22.22%200%200%200%20.223-.211l.185-2.418l-.185-5.065a.22.22%200%200%200-.223-.212m.989%207.911a.24.24%200%200%200%20.244-.232v.002l.17-2.404l-.17-5.235a.24.24%200%200%200-.243-.232a.24.24%200%200%200-.243.232l-.153%205.235l.153%202.404c.002.129.11.23.243.23m.997-.002a.26.26%200%200%200%20.263-.252v.002l.157-2.381l-.157-5.103a.26.26%200%200%200-.263-.25a.26.26%200%200%200-.264.25l-.138%205.103l.139%202.38c.003.14.119.25.263.25m1.431-2.63l-.142-4.917a.28.28%200%200%200-.284-.27a.28.28%200%200%200-.285.271l-.127%204.916l.127%202.366a.28.28%200%200%200%20.285.27a.28.28%200%200%200%20.284-.273v.003zm.586%202.64c.165%200%20.301-.13.304-.29l.129-2.349l-.129-5.85a.3.3%200%200%200-.304-.291a.303.303%200%200%200-.305.291l-.115%205.848l.115%202.352c.003.158.14.289.305.289m1.009-9.33a.32.32%200%200%200-.327.31l-.133%206.382l.134%202.315a.32.32%200%200%200%20.325.308a.32.32%200%200%200%20.324-.311v.003l.146-2.315l-.146-6.381a.32.32%200%200%200-.323-.311m.922%209.332l8.182.004C22.678%2017%2024%2015.732%2024%2014.167c0-1.564-1.322-2.832-2.953-2.832c-.404%200-.79.079-1.142.22C19.673%209.003%2017.44%207%2014.718%207c-.665%200-1.314.126-1.887.339c-.223.083-.283.168-.285.333v8.989a.35.35%200%200%200%20.32.335%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/akar-icons/soundcloud-fill.svg?color=%231a73e8&size=48
